【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?

自作のホームページにテキストボックスとボタンを置いて、ボタンが押されたらテキストボックスに入力された文字と任意のURLを結合してそのサイトに飛ぶ、というような機能を作りたいのですがどうしたらいいのでしょうか。

例えば、goo辞書で「りんご」を検索する場合は
http://dictionary.goo.ne.jp/srch/all/りんご/m0u/
「ごりら」を検索する場合は、
http://dictionary.goo.ne.jp/srch/all/ごりら/m0u/
このようなURLになるので、ボタンが押された時のリンク先を
http://dictionary.goo.ne.jp/srch/all/+テキストボックスの文字+/m0u/
にしたいのですが、普通のhtmlだけだとベタ書きで事前に決められたURLにしか飛べませんよね。
忍者ツールズ等で静的なホームページを作ったことはあるのですが、このようにテキストボックスとボタンを利用した動的なホームページを作ったことがないので、参考サイト等があれば教えてください。

A 回答 (3件)

下記にある最近の投稿が参考になりませんか。



こちらは、URLをリンク表示するようになっていますが、
ボタンが良いのであれば、変更してください。

参考URL:http://qa.itmedia.co.jp/qa8239595.html
    • good
    • 0

htmlでの入力欄(<INPUT>)と、javascriptを組み合わせれば、指定した「固定ページ」にジャンプすることは可能です。


詳細はhtmlやjavascriptの説明のページや、書籍も腐る程出ていますので、そちらを参照して勉強してください。

goo辞書の様に、指定したキーワードで、「動的ページ」を生成するには、Webサーバー側でのプログラムが必要になります。
まず、利用しているWebページサービスがこのような「プログラム」(PerlとかPHPとか)に対応しているか、確認してください。
    • good
    • 0

CGIまたはPHPで・・・


それでいったん受け取った値をPATH_INFOに変更します。
 wikiは、表には出ていませんがDIRECTORY INDEXに指定されているindex.phpに送信して、その上で、ページを作成しています。
そのため
http://ja.wikipedia.org/w/index.php/%E3%82%8A%E3 …
http://ja.wikipedia.org/wiki/%E3%82%8A%E3%82%93% …
は同じページになります。
 URLに日本語を表示するには,このようにURLエンコードすること
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報