HTML JavaScriptで鉄道路線検索ページを作成したい
- 仕事で鉄道路線検索ページを頻繁に使用していますが、出発駅が同じで到着駅を変える検索が多いです。
- 毎回同じ出発駅を入力するのが面倒なので、出発駅を一つ指定し、複数の到着駅の情報を出力できるページを作りたいと考えています。
- 入力画面で出発駅と複数の到着駅を指定し、ボタンを押すと各到着駅までの情報が表示されるようなページを作りたいです。
- ベストアンサー
複数の入力フォーム
次のようなページを作りたいのですが どのように書けば(HTML JavaScript)よいのか教えていただけませんか？ -背景- 仕事で鉄道路線検索ページ(Yahooなどにある)をつかうことが多いのですが、出発駅はいつも同じ(会社の最寄の駅)で到着駅をいろいろ変えるパターンの検索ばかりやっています。 -やりたいこと- 毎回毎回出発駅に同じものを入力するのが面倒くさいので、出発駅をひとつ、到着駅を複数入れてそれぞれ結果を出力できるようにしたい。 -思いついたイメージ- 入力画面 出発駅 ：xxxxx 到着駅1 ：yyyyy [ボタン１] ←これを押すと出発駅から到着駅1までの情報が新しい画面に表示される。 到着駅2 ：zzzzz [ボタン２] ←これを押すと到着駅2までの情報が表示される。 : : 到着駅10：nnnnn [ボタンｎ] 出力画面 ---------------------- 出発～到着1の情報 → 結果毎に違うフレームに表示できればとてもいいのですが無理であればそれぞれ別の画面でもいいです。 ---------------------- 出発～到着2の情報 ---------------------- ： ---------------------- 出発～到着ｎの情報 よろしくお願いします。
- bushdog
- お礼率0% (0/1)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
到着駅２までの。。。 というのは、やろうと思えばできるのかもしれませんが、 あまり効率的ではないかもしれません。 こうしてはいかがでしょう。 まず、路線ページのソースをコピーします。 <!-- result start --> のすぐ上のテーブルから、 <!-- SKY START --> のちょっと前の</table>まで。 後は、<form>のactionを「/」から「http://transit.yahoo.co.jp/」と変更し、 target="_blank"を加える。 出発駅の項目 <input name="val_from" size="14" value="" id="yj_set_focus_here" onKeyPress="yj_set_focus_blur()"> 駅 のvalueに出発駅を入力しておく。 後は、到着駅を入力後クリックするたびに新しいウィンドウでその窓が表示されます。 省略できるのは出発駅の項目の入力だけですが、 別窓で表示させているので、次の項目入力も簡単かと思います。
関連するQ&A
- 入力フォームの確認画面からの「戻る」について
過去の質問とか参照して同じような件が出てくるのですが、今ひとつはっきりしないところがあるので質問させていただきました。 HTMLでアンケートなどの入力フォームを作り、送信ボタンのクリックでCGI(Perl)にて「確認画面」or「必須項目のエラーページ」を表示させているのですが、修正のために戻るボタンをクリックすると入力フォームで入力した情報がクリアされて、再度初めから入力しないといけません。これはブラウザの問題(?)によるところのようですが、その1台のマシンだけではなく、他のマシンとかで試してみると、入力情報がそのまま残って戻れる場合もあるようです。情報がクリアされる場合は再度そのページを読み込みに行っているからで初期化された状態になるそうです。 そこらへんを踏まえて以下4点回答を頂きたいのですが、 (1)戻るボタンで入力情報がクリアされてしまうのはプログラムで情報を保持したりしない限り防ぐことが出来ないのか？ (2)入力情報がそのまま残って表示される場合とはどういう状態・設定の時なのか？ (3)全てはブラウザの環境に起因しているものなのか？ (4)Netscapeはどうなのか？ 的確にお答え頂けると非常に助かります。 ※以上の動作を確認しているブラウザは全てIEで、バージョンは5.5もしくは6です。
- ベストアンサー
- CGI
- PHPで求めた変数をHTMLで使う方法
HTMLのformタグで与えた引数を元に、ある値をPHPで求めた後、その求めた変数をHTMLに戻って使う方法をご教授下さい。 例えば、 index.html ↓↓↓ <form action="submit.php" method="post"> <input type="text" name="xxxxx"> <input type="text" name="yyyyy"> <input tyoe="submit" value="実行"> </form> <textarea name="answer"> 実行後ここに、下のPHPで求めた$zzzzzを表示したい。 </textarea> 上のHTMLでxxxxxとyyyyyを入力して実行ボタンを押します。 そしてPHP側は、 submit.php ↓↓↓ $zzzzz = $_POST["xxxxx"] . "は、" . $_POST["yyyyy"] . "です。"; このように求めた$zzzzzを上のHTMLに戻って表示したいのですが、しばらく調べてみても見つかりませんでした。 どなたかご教授下さい、お願いします。
- 締切済み
- HTML
- フォームに入力した後、戻すボタンで元に戻す設定を教えてください。
フォームのあるページで入力した後、送信確認画面に行った後、修正のためにプラウザの「戻す」ボタンで前ページに戻そうとすると、次のようなメッセージが出て、入力した項目が消えて、再度全てを入力しなければなりません。 「警告 : ページの有効期限切れ 要求したページは、フォームで送信された情報を使用して作成されました。このページは、もう利用できません。セキュリティ保護のため、情報は自動的には再送信されません。 情報を再送信し、この Web ページを表示するには、ツール バーの [更新] ボタンをクリックしてください。」 前の入力した画面に戻すにはどこをどのように直せば良いのか教えてください。 ＯＳはＷＩＮＤＯＷＳ ＸＰホームエディション、ＰＣはＮＥＣ ＶＡＬＵＥＳＴＡＲ ＶＧ９５Ｒ、プラウザはＩＥ６．０です。
- ベストアンサー
- Windows XP
- Formタグ内で入力した情報を自動で送信したい
<form action=xxxxx method=post> <select name="yyyyy"> <option value="zzzzz">zzzzz</option> ～中略～ <input type="SUBMIT" value="送信"> という形でformタグ内で入力したデータを送信するHTMLを書いたのですが、 このデータの送信って、SUBMITを使ったボタンで無いとできないのでしょうか？ 特に操作もなく、このHTMLファイルが読み込まれたら、 Formタグ内で入力している値を、actionで指定したURLに 送信したいのですが。 ご教授よろしくお願いします。
- 締切済み
- HTML
- [IE7]文字が表示されない。画面が真っ白。
WindowsXPで「インターネットエクスプローラー７」を使用しています。 ネットで検索するときに、キーワードを入力しようすると、毎回ではないのですが、元の位置でカーソルが点滅したままで、タッチした文字が入力されないときが時々あります。 [CTRL+N]で新しい画面をもう１つ作り、改めて、入力すると、通常通り、うまく入力・表示がされます。 それから、これも毎回ではないのですが、時々、あるサイトに移動するときに画面が表示されず、真っ白になって表示されます。でも、そのくせ左下には「ページが表示されました」と出ているのです。 一応、[更新]ボタンを押せば、そのページの内容は表示されるようになるのですが、しばしばこういうことがあるので、面倒を感じております。 どなたか、よきアドバイスをよろしくお願い致します。
- ベストアンサー
- Windows系OS
- 入力フォーム後の確認ページの作り方
今、入力フォームを使ったWebページを作っています。 アンケートなどに回答すると、「これでよろしいですか？」と、 記入ミスが無いか確認できる画面が、送信ボタンを押すと表示 される場合がありますが、これってJavaScriptのみでつくるこ とは可能ですか？それともCGIを組み合わせないとダメですか？ 入力フォームで入力された値をJavaScriptで作った変数に格納して、 その変数を別ページ（確認ページ）で読ませてこのようなページが できないものか考えているのですが、私の力量ではうまくいきませ んでした。 是非みなさんのお知恵をお借りしたいと思います。 よろしくお願いします。
- 締切済み
- CSS
- 更新ボタンを押されたときにフォーム内容をキャッシュさせたくない
現在問い合わせ等に使うフォームを作っています。 実現したいことは、 「フォーム入力後OKボタンを押したあと入力内容の確認画面でブラウザの戻るボタンを押した場合に、ページの有効期限切れを表示させずに入力した内容をそのまま表示したい」 ということなのですが、session_cache_limiter("none");とした場合、たしかに入力内容はそのまま表示されるものの、今度は更新ボタンを押そうが別の画面に一度飛ぼうが、スクリプトを読みに行ってくれず入力内容がずっと表示されっぱなしになってしまいました。 あれこれ検索したところ、「ページ生成のたびにURLのパラメータにランダムな（ユニークな）値を付け加えればページを読み直してくれる」という話が出てきたのですが、具体的にどのようにやればよいのでしょうか。あるいは他に妙案があるでしょうか。 現在の構成は、 入り口となるHTML（PHPで出力）にフォームへのリンク（<a href=form.php>フォームへ</a>）をもうけ、フォーム専用スクリプトに飛ばしています。
- 締切済み
- PHP
- 以前の情報が入力されるようにするには？
Yahooなどの検索画面や、掲示板の投稿者の欄など、以前入力された情報がカーソルキーの下ボタンで選択できる機能ってどうやって設定するんでしょうか？ 毎回毎回メールアドレスを打つのがめんどくさくって・・・
- ベストアンサー
- その他（インターネット接続・通信）
- 毎回フォームに入れた文字をボタンを押して飛ばすんですけど、
毎回フォームに入れた文字をボタンを押して飛ばすんですけど、 この毎回飛ばした文字をリアルタイムで、リスト出力したいならどのようにしたらいいですか？ 例として はじめに １１１を入力し飛ばしたら、 リスト覧に １１１ が表示されます。 次２２２を入力して飛ばしたら、 リスト覧に １１１ ２２２ が表示されます。 ・・・ １１１ ２２２ ３３３ ４４４ ５５５ ご教授よろしくお願いします。
- ベストアンサー
- PHP
- WordPressの独自テーブルへの入力フォーム
WordPressのデータベースに独自のテーブル（wp_abc）を作りました。 カラムは「code（indexです）」「name」と「address」の３つです。 このテーブルにデータを入力するフォームを作りたいです。 これまでWordPressではないSQLへのデータ入力は次のようにしていました。 ●入力画面（insert.php） <?php function connect() { return new PDO("mysql:dbname=xxxxx;host=yyyyy","zzzzz","password", array( PDO::MYSQL_ATTR_INIT_COMMAND => "SET CHARACTER SET `utf8`")); } $error = $name = ''; $pdo = connect(); if (@$_POST['submit']) { $code = $_POST['code']; $name = $_POST['name']; $address = $_POST['address']; if (!$name) $error .= '名前が入力されていません。<br>'; if (!$error) { $pdo->query("INSERT INTO abc(name,address) VALUES('$name','$address')"); header('Location: index.php'); exit(); } } ?> <?php if ($error) echo "<span class=\"error\">$error</span>" ?> <form action="insert.php" method="post"> <table> <tr> <th>名前</th> <td><INPUT type="text" name="name" value="<?php echo $name ?>"></td> <th>住所</th> <td><INPUT type="text" name="address" value="<?php echo $address ?>"></td> </tr> </table> <p><input class="submit" type="submit" name="submit" value="登録"></p> </form> ●管理画面（index.php） <?php function connect() { return new PDO("mysql:dbname=xxxxx;host=yyyyy","zzzzz","password", array( PDO::MYSQL_ATTR_INIT_COMMAND => "SET CHARACTER SET `utf8`")); } $pdo = connect(); $st = $pdo->query("SELECT * FROM wp_abc"); $abc = $st->fetchAll(); ?> <?php foreach ($abc as $row) { ?> <table> <tr> <th>名前</th> <td><?php echo ($row['name']) ?></td> </tr> <tr> <th>住所</th> <td><?php echo ($row['address']) ?></td> </tr> </table> <?php } ?> ※※※※※ 単純にmysql:dbname=xxxxx;host=yyyyy","zzzzz","password",の部分をWordPressのデータベースのものに置き換えましたが、うまくいきません。 どこが悪いのかご指摘いただければありがたいです。 また、他に正しい方法がありましたら教えていただけないでしょうか。 何卒よろしくお願いします。
- ベストアンサー
- PHP
