※ ChatGPTを利用し、要約された質問です(原文:プルダウンからリンクをthicboxで開くには?)
プルダウンからリンクをthicboxで開く方法は?
このQ&Aのポイント
プルダウンからリンクをthicboxで開くためのJavaScriptの修正方法を教えてください。
プルダウンの選択肢からリンクを選ぶと、選んだリンク先のページをthicboxで開きたいです。
リンク先をthicboxで開くには、プルダウンのJavaScriptをどのように修正すれば良いのでしょうか。
プルダウンからリンクを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は適当に入れている数字です。
分かりづらい説明で申し訳ありません。
補足説明致しますので、どうかご教授下さいますようお願い致します。
お礼
早々にご回答頂きありがとうございます。 thicbox.jsのことを指しておりました。 説明不足で申し訳ありません。 また、ご教授頂いた方法でプルダウンからthicboxを表示することができました。 本当にありがとうございました。