• 締切済み

リンク先を動的に変えるには

自作のホームページにテキストボックスとボタンを置いて、ボタンが押されたらテキストボックスに入力された文字と任意の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にしか飛べませんよね。 忍者ツールズ等で静的なホームページを作ったことはあるのですが、このようにテキストボックスとボタンを利用した動的なホームページを作ったことがないので、参考サイト等があれば教えてください。

  • HTML
  • 回答数3
  • ありがとう数1

みんなの回答

回答No.3

下記にある最近の投稿が参考になりませんか。 こちらは、URLをリンク表示するようになっていますが、 ボタンが良いのであれば、変更してください。

参考URL:
http://qa.itmedia.co.jp/qa8239595.html
noname#189141
noname#189141
回答No.2

htmlでの入力欄(<INPUT>)と、javascriptを組み合わせれば、指定した「固定ページ」にジャンプすることは可能です。 詳細はhtmlやjavascriptの説明のページや、書籍も腐る程出ていますので、そちらを参照して勉強してください。 goo辞書の様に、指定したキーワードで、「動的ページ」を生成するには、Webサーバー側でのプログラムが必要になります。 まず、利用しているWebページサービスがこのような「プログラム」(PerlとかPHPとか)に対応しているか、確認してください。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

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

関連するQ&A

  • 渋い vs 幽玄

    どっちがいいですか? ・渋い:はででなく落ち着いた趣がある。じみであるが味わい深い。 http://dictionary.goo.ne.jp/leaf/jn2/100152/m0u/%E6%B8%8B%E3%81%84/ ・幽玄:物事の趣が奥深くはかりしれないこと。 http://dictionary.goo.ne.jp/srch/jn/%E5%B9%BD%E7%8E%84/m0u/

  • 罹災と被災

     http://dictionary.goo.ne.jp/srch/jn/%E8%A2%AB%E7%81%BD/m0u/  http://dictionary.goo.ne.jp/leaf/jn2/230878/m0u/%E7%BD%B9%E7%81%BD/  罹災と被災の使い分けは特にはないのでしょうか?  それぞれの文脈と場面での個人の語感上の使い分けでいいのでしょうか?

  • 「してあげる」 が辞書にありません

    私は日本語 「してあげる」 を辞書で調査しようと試みました。しかし、世界中の辞書に実在していませんでした。実在する日本語にもかかわらず。 ---------------------------------------- 検索結果は見つかりませんでした。 http://dictionary.goo.ne.jp/srch/all/%E3%81%97%E3%81%A6%E3%81%82%E3%81%92%E3%82%8B/m0u/ ---------------------------------------- インターネットで [してあげる 辞書にない] などで検索しましたが、該当じょうほうが まったく存在しませんでした。 私が辞書の調べ方を間違えているのでしょうか。さまざまな方法を試しましたが、どうしてもわからないので質問させていただきます。どうすれば調査できるのか教えてください。よろしくお願いいたします。 ---------------------------------------- 注意: OKWave の不具合により、返答できない可能性がありますが、全部の回答は必ずよんでいます。

  • フォームの内容でリンク先URLの作成

    テキストボックスに文字列を入力してもらい送信ボタンを押すと、 あらかじめ決まっているURLにその文字列をつないだリンク先に移動する ということがしたいのですが、 <input name="test" type="text" value="" > <input type="submit" value="送信" onClick="location.href='決まったURL='"> で飛べません。 「決まったURL」に入力された文字列を指定する方法がわかりません。 どなたか教えてください。

  • 平常心

     表題のことばを私は長く、“へいじょうしん”とだけ読んでまいりました。  今般、インターネットの幾つかのホームページで見ると、“へいじょうしん”と読んでいるものはなく、“びょうじょうしん”と読んでいます。  国語の、http://dictionary.goo.ne.jp/srch/jn/%E5%B9%B3%E5%B8%B8%E5%BF%83/m0u/ では両方があります。  1. どちらが本来の読み方なのでしょうか?  2. 読み方で意味が異なるでしょうか?  3. 仏教、禅宗では後者、“びょうじょうしん”が普通の読み方になっているのでしょうか。  どうかよろしくお教えください。お願い申しあげます。

  • テキストボックスに任意のURLを入力で移動するには。

    ホームページ上に1つのテキストボックスと1つのボタンを設置して、そのテキストボックスに任意のURLを入力してボタンを押すと新しいウィンドウが開いて、その任意のURLに移動するには、どうしたらいいのでしょうか。宜しくお願いします。

  • ボタンかリンクをクリックすると入力フォームに文字入力される仕掛け

    ホームページ上でテキストボックスが1つあるのでそこに色名(赤色や青色)などの文字を、ボタンかリンクをクリックするだけで入力されるような仕掛けを作りたいです。 例えば「暖かい色」と書かれた文字かボタンをクリックすれば、テキストボックスに「赤色」、また「お空の色」なら「青」などが入力されるなどです。 多分javaベースが良さそうですが、探しても見つからなかったです。 宜しくお願いします。

  • テキストBOXを活用したリンク先方法は?

    リンク先をプルダウンメニューで表示させるのではなく、テキストBOXにある文字を入力して、ボタンをクリックすれば、リンクされるというのは可能でしょうか?

  • Javascriptで、フォームボタン押下(submit)せず、リンクURLを書き換える

     javascriptで、  1.フォームのテキストボックスに入れられた値を取得し、   例)テキストボックス入力 ; test  2.元々記述されているリンクURLをユーザがクリックした時、   例)元々のリンクURL ; <a href="www.google.co.jo?q= ~...  3."1"のテキストボックス内に記述された値を取得して、"2"のURLを書き換え、   例)テキストボックス内の文字をURLの一部に追記する ; <a href="www.google.co.jo?q=test  ~...  4.書き換えられた後のURLにユーザを飛ばす、  ・・・という事って出来るんでしょうか。  上記動作内でユーザの動作は、   テキストボックスに文字を入れる、という動作と、   リンクをクリックする、という動作のみです。  フォームのボタン押下後、というのであれば出来たんですが、上記の様な動作のコードが思い浮かびません・・・。PHPとかCGIではなく、Javascriptで何とか出来ないでしょうか。  お知恵拝借、よろしくお願いします。

  • VBE、ユーザーフォームに関して質問があります。VBAを知って1カ月に

    VBE、ユーザーフォームに関して質問があります。VBAを知って1カ月に満たない初心者です。 ユーザーフォームでテキストボックスとコマンドボタンを1つずつ作りました。コマンドボタンを押すとテキストボックスに入れた文字・値がセルB1に入力されるようにしました。続けてテキストボックスに文字・値を入力し、コマンドボタンを押すとB2に入力されるようにしています。 ここからが質問なのですが、 コマンドボタンを押したときにA1に番号を順にふり、さらにセルを罫線で囲みたいのです。図で示すと、  A   B        A   B  _ ___      _ ___  |1|りんご| ⇒ |1|りんご|  - ---      - ---               |2|みかん|                - ---   このような感じです。また、外枠のみを太線にするということが可能であればその方法も教えて下さい。