プルダウンのリンク先を別窓で表示したい。
-
0 名前： ００８ ： 2005/05/13 05:46
- 下のような方法でプルダウンによるリンクを現在しているのですが、このリンク先を別窓で開きたいんです。
<form name="pulink">
<select onChange='location.href=this.options[this.selectedIndex].value'>
<option>□ 辞書・辞典
<option>□□□□□□□□□□□
<option value="http://dic.yahoo.co.jp/">ヤフー辞書
<option value="http://www.nifty.com/dictionary/">＠nifty辞書
<option value="http://jiten.www.infoseek.co.jp/">infoseek辞書
<option value="http://search.biglobe.ne.jp/dic/">ＢＩＧＬＯＢＥ辞書
<option value="http://dictionary.goo.ne.jp/">goo辞書
</select>
</form>
ＨＴＭＬなど全然わからず、タグをコピペして使っているのですがこのタグをどのようにしたらリンク先が別窓で開くように出来るのでしょうか？
初歩的な質問なのかもしれないですがお解りになる方がいらっしゃったらどうぞよろしくお願いします。
-
1 名前： 元帥 ： 2005/05/13 05:46 ［URL］
- http://www.tagindex.com/javascript/window/open1b.html
こちらなど参考に。
ヘッダー内に
<script language="JavaScript" type="text/javascript">
<!--
function disp(url){
window.open(url,"window_name","scrollbars=yes");
}
//-->
</SCRIPT>
と記述し、
<select onChange='disp(this.options[this.selectedIndex].value)'>
プルダウンタグをこのように書き換えて下さい。
００８さんのHTMLソースでは、自ページのURLを変更する事によってページ移動していますが、
これはウィンドウを新たに開きます。
-
2 名前： ００８ ： 2005/05/13 05:46 ［URL］
- 元帥さま。お返事ありがとうございます！
お返事いただいたように編集したら別窓で表示できました！
本当に感謝しています、ありがとうございました！
まだ更新をしていませんが宜しかったら私のホームページを見てください。
全てホームページ制作ソフトで作っています。
(管理人様へ) 宣伝行為に当たるようでしたら削除お願いします。
-
3 名前： ００８ ： 2005/05/13 05:46 ［URL］
- すみません。続けて質問させて頂きます。
プルダウンの別窓表示は出来たんですが、
<option>□ 辞書・辞典
<option>□□□□□□□□□□□
↑の部分は無反応にしたいんです。今のままだと白い扉が開きます。
そして例えば、ヤフー辞書のページを開いて一度閉じるとプルダウンの選択はヤフー辞書のままになっています。これをどうにかもう一度ヤフー辞書を開いたりは出来ないんでしょうか？
皆様、どうぞよろしくお願いします。
-
4 名前： 元帥 ： 2005/05/13 05:46 ［URL］
- それぞれ書き換えて下さい。
JavaScript内の関数をこんな感じに
function disp(url){
if(url.options[url.selectedIndex].value){
window.open(url.options[url.selectedIndex].value,"window_name","scrollbars=yes");
url.options[0].selected="selected";
}
}
プルダウンタグ
<select onChange='disp(this)'>
-
5 名前： ００８ ： 2005/05/13 05:46 ［URL］
- 出来ました！何度もありがとうございます！
ちっちゃな事ですが一つ一つ出来るようになるとすごくうれしいです！
元帥さん、本当にありがとうございました！
-
6 名前： ００８ ： 2005/05/13 05:46 ［URL］
- すいません。今のままだと別窓で開いた窓には窓上部のブラウザ機能が付いていません。
前のページに戻ったりするのにこのままでは不便利なので、普通のブラウザと同じ窓で開くようにする方法をご存知の方がいらっしゃいましたらどうぞご指導ください。
よろしくお願いします。
-
7 名前： 元帥 ： 2005/05/13 05:46 ［URL］
- ↑↑各例ではスクロールバーだけですが、
"toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes"
必要に応じてyes/noを指定して下さい。（1/0でも可）
-
8 名前： ００８ ： 2005/05/13 05:46 ［URL］
- 出来ました！なんども本当にありがとうございました！
又、解らないことがあれば宜しくお願い致します。
