WebAPI Document - GUIソリューション - チュートリアル

駅名入力

入力フォームを設置して駅名の検索が行えます。また、確定した駅名を取得することも可能です。

インクルード

<script type="text/javascript" src="expGuiStation.js?key=keycode"></script>
<link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiStation.css">

サンプルコード

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
    <title>
    Webサービスサンプル
    </title>
    <link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiStation.css">
    <script type="text/javascript" src="expGuiStation.js?key=keycode">
    </script>
    <script type="text/javascript">
      <!--
var stationApp;
/*
 * パーツを初期化
 */
function init(){
  stationApp = new expGuiStation(document.getElementById("station"));
  stationApp.dispStation();
}
// -->
    </script>
  </head>
  <body onLoad="Javascript:init();">
    <div id="station">
    </div>
  </body>
</html>

画面サンプル(PC)

画面サンプル(スマートフォン)

画面サンプル(タブレット)