• ベストアンサー

プルダウンからリンクをthicboxで開くには?

宜しくお願い致します。 先日、http://okwave.jp/qa/q6431127.html にてプルダウンからリンクをthicbox.jsで開くコードを教えて頂いた者です。 前回の質問では「表示する」というボタンをクリックすることでリンク先へ移動する方法をお教え頂いたのですが、ボタンなし(プルダウンで選択するとすぐリンク先へ移動する方法)でリンクする場合のコードをお教え頂きたく再度質問させて頂きました。 分かりづらい説明で申し訳ありません。 どうぞご教授下さいますようお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

プルダウンで選択するとすぐリンク先へ移動するのなら、 前回提示のHTMLソースと同じとして <select name="navi">のonchangeイベントで発動してあげればよいと思います。 <form> <select name="navi" onchange="navi(this);"> <option value=""> --- リンクメニュー --- </option> <option value="/index.htm">Yahoo!</option> <option value="http://www.goo.ne.jp">Goo</option> </select> </form> <script type="text/javascript">  function vavi(elm){   tb_show(null,elm.value + '?KeepThis=true&TB_iframe=true&height=400&width=600');  } </script> </body>

patsaysnow
質問者

お礼

度々ご回答頂きありがとうございました。 お教え頂いたコードで無事動作致しました。 本当にありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • プルダウンからリンクをthicboxで開くには?

    プルダウンからリンクをthicboxで開くには? 宜しくお願い致します。 プルダウンでリンク先を選択し、そのリンク先のページをthicboxで表示させたく試行錯誤しているのですがうまくいきません。 thicboxでリンク先を開くためには、プルダウンのJavascriptをどのように修正すればよいのでしょうか? ■プルダウンでリンクさせるJavascriptとhtmlコード <html> <head> <script type="text/javascript"> function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } </script> </head> <body> <form> <select name="navi"> <option value=""> --- リンクメニュー --- </option> <option value="http://www.yahoo.co.jp/">Yahoo!</option> <option value="http://www.goo.ne.jp/">Goo</option> </select> <input type=button value="表示する" onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"> </form> </body> </html> ■thicboxでURLを開くときのコード ※jquery.jsやthicbox.js、cssファイル等の外部ファイルの記述は省いております。 <a href="http://www.yahoo.co.jp?TB_iframe=true&width=800&height=500" class="thickbox">リンクテキスト</a> ※width・heightは適当に入れている数字です。 分かりづらい説明で申し訳ありません。 補足説明致しますので、どうかご教授下さいますようお願い致します。

  • 【PHP】プルダウンメニューとリンク

    またPHPに関して質問させていただきます。 この質問 (http://okwave.jp/qa5492047.html) の続きにあたりますが、 プルダウンメニューにデータベースの内容を反映させることはできました。 しかし今度はそのプルダウンメニューを選択した後、「決定」等のボタンを押すと、プルダウンで選択した内容のページに飛ばすといったことを行いたいのです。 例) ------------------------------------- 「朝」を選択した状態で「決定」ボタンを押す。    ↓ 「おはようございます」と次ページで表示される。 「昼」を選択した状態で「決定」ボタンを押す。  ↓ 「こんにちは」と次ページで表示される。 ------------------------------------- このようにしたいのですが、どなたか教えていただけませんか。 それと、このようなPHPのリンク関連に詳しく掲載しているサイトを教えていただけたら嬉しいです。 どうかよろしくお願いします。

    • ベストアンサー
    • PHP
  • 連動プルダウンのリンク識別について

    お世話になっております。 以前にもhttp://okwave.jp/qa4988359.htmlにて質問させていただいた 連動プルダウンのリンクなのですが、識別は拡張子の「.thml」にて 別ウィンドウにてリンクするようにご教示いただきました。 新たにリンクさせるに当たり別の要素で識別することはできるのか ご教示いただけますでしょうか? 識別方法としては先頭の「http://」になります。 拡張子はまちまちとなってしまうため、識別できるのが先頭の 「http://」のみとなってしまったためです。 また、初歩的なご質問・不躾なご質問で申し訳ございませんが ご教示いただくようよろしくお願いします。

  • プルダウンメニューのリンク

    こんばんは!上記の件なのですが、プルダウンメニューのリストの中の例えばリンク1は、フレームの右に表示、リンク2は左に表示、リンク3は、フレームを無視して全画面に表示というようなリンクの設定をしたいのですが、お願い致します。プルダウンのボタンを1個で振り分けるのは、できないのでしょうか?宜しくお願いします。

  • プルダウン連動とリンク

    選択項目により連動するプルダウンを利用し、各々のページにリンクさせようと思っているのですが、上手くいきません。 一つ目のプルダウンで項目を選択⇒二つ目のプルダウンに項目が表示される⇒選択するとリンクする。 プルダウンはこちらのソースを利用しています。 http://d.hatena.ne.jp/Mars/20071109 連動リンクはこちらを参考にしました。 http://air.rulez.jp/shop/java/jt_pulldown.htm 現在のソースは下記のようになっています。 プルダウンの連動とリンク、それぞれ単体での動作確認は出来たのですが、組み合わせると上手くいきません。 最初のプルダウンで「YYY」を選択し、連動して次のプルダウンに表示される「yahooかgoogle」を選択したらURL先にリンクしたいのですが。 現在はプルダウンは連動はされるものの、2つめのプルダウンで項目を選択しても何も起こらない状態です。 ----------------------------------------------------------------- <script type="text/javascript" src="ConnectedSelect.js"></script> <form> <select id="SEL1"> <option value="XXX">XXX</option> <option value="YYY">YYY</option> </select> <select id="SEL2" onChange="top.location.href=value"> <optgroup label="XXX"> <option value="x1">x1</option> <option value="x2">x2</option> </optgroup> <optgroup label="YYY"> <option value="http://www.yahoo.co.jp/">yahoo</option> <option value="https://www.google.co.jp/">google</option> </optgroup> </select> </form> <script type="text/javascript"> ConnectedSelect(['SEL1','SEL2','SEL3']); </script> --------------------------------------------------------------- これはどのように修正すればリンクされるようになるでしょうか? また別の方法があればそちらでも構いません。 ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。

  • プルダウンメニューからリンク→新しい(別)ウインドウで表示

    プルダウンメニューから「GO]ボタンを押してリンク先へ飛ぶ。 このような形を作っているのですが,「GO」ボタンを押したときに 新しいウインドウを開いて表示させたいのですが,その方法を教えて いただけないでしょうか。。 過去ログから見つけられませんでした・・・。すみません。。

    • ベストアンサー
    • HTML
  • プルダウンメニュー

    今、サイトを作っているんですが、 プルダウンメニューへリンクをつけてます。 下層ページへリンクした後にブラウザの「戻る」ボタンを押すと前回の選んだ状態でリンク出来なくなります。 これをjavascriptなどで制御は出来ますか? 意味不明な質問ですいません。

  • ラジオとセレクトメニューが親子の送信フォーム

    前回の質問でラジオとプルダウンが親子になってるモノが複数項目あるフォームを作ることができたのですが、 それぞれが、formでくくってあり、送信がうまくいきません。どうすればいいでしょうか?なにかいい方法がありましたら教えて下さい。 前回の質問 http://okwave.jp/qa/q6912949.html <m(__)m>どうか宜しくお願い致します。

  • プルダウン形式でリンク先を選ぶ

    教えてください。プルダウン形式でカテゴリに分けてその中に代表的なリンク先を入れて、クリックをすると自動的に画面遷移するようにしたいと思っています。使用しているアプリはビルダー9です。 1つのプルダウンは下記のURLのタグを貼って成功しているのですが、同じ画面に複数のプルダウンを作成して、同じようにタグを貼ってプルダウンを作成して別カテゴリのものを追加すると、2つめ以降のプルダウンのカテゴリの中にあるリンクを選んでも自動的にリンク先に飛びません。 http://www.moon.sannet.ne.jp/redcap/html/PURU-LINK.htm もうひとつ教えてください。上記のタグを貼ると同一ページでリンク先に飛びますが、別ページを開くタグを入れたいのですが、教えていただけますでしょうか。 どなたか教えてください。よろしくお願い致します。別ページで参考になるJavaScriptが書かれているページがあれば教えてください。

  • ローカル環境だとリンクを張っただけでエラー

    ローカル環境だとリンクを張っただけでエラーが出るんでしょうか。 現在、画像のエラーが出て驚いています。 取り敢えず現在は下記の回答のNo4の方法で凌いでいます。 http://okwave.jp/qa/q6973536.html 前回はJAVAScriptだったのですが、今回はリンクしかありません。

    • ベストアンサー
    • HTML