自作のホームページにテキストボックスとボタンを置いて、ボタンが押されたらテキストボックスに入力された文字と任意の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件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
下記にある最近の投稿が参考になりませんか。
こちらは、URLをリンク表示するようになっていますが、
ボタンが良いのであれば、変更してください。
参考URL:http://qa.itmedia.co.jp/qa8239595.html
No.2
- 回答日時:
htmlでの入力欄(<INPUT>)と、javascriptを組み合わせれば、指定した「固定ページ」にジャンプすることは可能です。
詳細はhtmlやjavascriptの説明のページや、書籍も腐る程出ていますので、そちらを参照して勉強してください。
goo辞書の様に、指定したキーワードで、「動的ページ」を生成するには、Webサーバー側でのプログラムが必要になります。
まず、利用しているWebページサービスがこのような「プログラム」(PerlとかPHPとか)に対応しているか、確認してください。
No.1
- 回答日時:
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エンコードすること
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
2カラム、左メニュー、特定パー...
-
htmlの文字が縦書きになる
-
CSSでinputのテキストカラーを...
-
CSSを教えて下さい webデザイナ...
-
CSSファイルの日本語コメントが...
-
css初心者 フレックスボックス...
-
静止画画像をクリックすると音...
-
テーブルの行を折りたたみたい...
-
iPhoneで HTMLファイルを閲覧
-
ウェブサイトにアップされてい...
-
CSSデータの作成方法について(...
-
cssのclipについて
-
スマホ(android)のタッチパネ...
-
メモ帳の段落の揃え方
-
画像が分割されて切り替わる、...
-
HTMLです。画像をHTMLで表した...
-
サイトにコンテンツを並べる際...
-
アコーディオンメニューが思う...
-
別サイトのHTML内にある情報を...
-
HTML、cssのatomつぅー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlでfor文使えますか?
-
「同意しない」とジャンプでき...
-
VCでIEを制御するには
-
HTML中の?の意味について
-
履歴を残さないHTML作り
-
ブラウザによる自動振り分け
-
HTMLからフォルダを開きたい
-
Excelで、社外秘(閲覧のみ)と...
-
googleドライブで、PDFファイル...
-
HTMLページが勝手にダウンロー...
-
iPadの標準ブラウザでローカルH...
-
Webサイトから、txtファイルを...
-
VBA URLDownloadToFileについて
-
htmlファイルの表示が真っ白
-
htmlの中にexcelが埋め込むには...
-
社内で利用するWebサイトを立ち...
-
body内にmetaタグを記述は問題...
-
java_run.batがダウンロードで...
-
一つのリンクに複数のURLを指定
-
form action="#"
おすすめ情報