FORMのプルダウンメニューからリンクをはっていますが、新しいページを開くのはどうしたら良いでしょう?
今は
<select name="menu" size="1"
onchange="location=this.options[this.selectedIndex].value">

と書いていて、同じページ内で別ページに移動します。
またプルダウンメニューからのリンクで、ページサイズを指定したり、スクロールバー、ツールバーの表示も指定したいのですが出来るのでしょうか?
ご存知なかたはよろしくお願いします。

A 回答 (1件)

新しいウィンドウを開くのですね。

window.open() を使えばできます。

試してないけど、こんな感じかな。

<select name="menu" size="1"
onChange='open(this.options[this.selectedIndex].value, "newwin", "width=100,height=100")'>

open() の二つ目の引数は、ウィンドウの名前です。open をしているページを表示して
いるウィンドウの名前と違う名前だと、新しくウィンドウを開きます。

三つ目の引数には、いろいろなオプションが指定できます。さっきの例では、幅と高さを
指定しています。

スクロールバーやツールバーの標示も指定できます。詳しくは、参考URLをどうぞ。

参考URL:http://tohoho.wakusei.ne.jp/js/window.htm
    • good
    • 0
この回答へのお礼

完璧です!window.openもやってみたのですが書き方が間違ってエラーがでていました。ありがとうございました。

お礼日時:2001/12/04 18:06

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qonmouseover="this.className=をjsファイルにまとめて、指定する場所はid=menu1,2~....かclass=menuで統一したい

<div class="font1 bor1"
onmouseover="this.className=this.className+' bgcol txcol'"
onmouseout="this.className='font1 bor1'">
というものがあったとしてこれを
<div id="menu1・・・2・・・">だけにして
onmouseover=~をjsに略記できるようにしたいのですが
何かいい手はありませんか?

idで指定できる版のほかに
classで指定できる版があるとうれしいです。classだと難しいでしょうか?

また、こちらももしできればでいいのですが、this.classNameを
指定IDのclassName等もできるのでしょうか?

質問に不足があれば答えられる範囲で答えます。よろしくお願いします。

Aベストアンサー

もうひとつ、質問内容を把握できてませんが、
jQueryを使ったサンプルを。中身は
「font1」ってclassを持つ要素のマウスオーバーで
bgcol と txcol の二つのクラスを追加する。
マウスアウトで
bgcol と txcol の二つのクラスを取り除く。
です。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){

$('.font1').hover(function(){
$(this).addClass("bgcol");
$(this).addClass("txcol");
},function(){
$(this).removeClass("bgcol");
$(this).removeClass("txcol");
});

});
</script>

$('.font1') という部分を $('#font1') と書けば id="font1" の要素に対する設定になります。 

jQueryの解説、入手先等は
http://www.openspc2.org/JavaScript/Ajax/jQuery_study/index.html
とか、参考にしてください。

もうひとつ、質問内容を把握できてませんが、
jQueryを使ったサンプルを。中身は
「font1」ってclassを持つ要素のマウスオーバーで
bgcol と txcol の二つのクラスを追加する。
マウスアウトで
bgcol と txcol の二つのクラスを取り除く。
です。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){

$('.font1').hover(function(){
$(this).addClass("bgcol");
$(this).addClass("txcol");
},function(){
$(this).removeClass("bgcol");...続きを読む

Qの中のonClick="location" で

教えて下さい。
<td class="text-small" style="cursor:hand" onClick="location.href=''">XXXXXX</td>
上記のような記述に「target="_blank"」の機能をもたせるにはどうしたらいいのでしょうか?
(セル内のどこでもクリックできるようにしたく、かつその時別ウィンドウが開くようにしたいのですが・・・)
宜しくお願いします。

Aベストアンサー

#1です。

すみません、若干修正させてください。

<td class="text-small" onclick="window.open('xxx.html','_blank');" style="cursor:hand">XXXXXX</td>

です。

Qlocation=URLと、targetを使ってのフレームの解除について

いつもお世話になっています。
target(フレーム解除)についてのことなんですがよく分かりません。
今の状況は、JavaScriptのlocationを使ってURLにリンクを貼っているのですが、それらのページはフレームでできています。
指定したURLにジャンプするときにフレームを解除したいのですがどうしたらいいんでしょうか?
HTMLを使ってのフレーム解除ではなく、JavaScriptを使ってのフレームの解除を教えていただきたいです。
もし、不明な点がございましたら補足させていただきますのでよろしくお願いいたします。

Aベストアンサー

parent.locationか、top.locationだと思います。

参考URL:http://tohoho.wakusei.ne.jp/js/window.htm#self

Qlocation href=""

お世話になります

動作確認をしていてたのですが教えてください

<script language="javascript">
<!--
function change(){
location.href="test1.html";
}
/-->
</script>
<input type="button" value="送信" onclick="change()">


IE,Opera,Firefoxで試したのですが、Firefoxではページが切り替わりませんでした
何故でしょう?

Aベストアンサー

<!--
/-->
ではなく
<!--
//-->
にしましょう。

それで直ります

Qonchange等のイベントハンドラによる同一ページへのPOSTについて

あるWebページ内のセレクトボックス1,2があるとします。

セレクトボックス1に対して、onchangeイベントハンドラを設けて
セレクトボックス1の内容が変更されれば、リロードし
同一ページへセレクトボックス1の内容をPOSTし、
その受け取った内容でセレクトボックス2の内容を
可変したいのですが、具体的にJavascriptからPOST変数への
受け渡し方はどのようになるのでしょうか?
WebページはPHPにて構築しています。

すみませんがご存じでしたらどなたか教えてください。

Aベストアンサー

こんにちは。

>具体的にJavascriptからPOST変数への
>受け渡し方はどのようになるのでしょうか?

ちょっと難しく考えすぎているような気がします。
POSTへ受け渡す=送信(submit)です。

onChangeでsubmitをかければよいだけですよ。

<form action="送信先.php" name="f">
<select name="sel" onChange="selChange(this.options[this.selectedIndex].value);">
<option value="1">1
<option value="2">2
</select>
<input type="submit" value="送信">
</form>

===
<script type="text/javascript">
<!--
function selChange ( val ) {
// ここではもう一度自分のページを開くので、
// action先を変更する
document.f.action="自URL";
document.f.submit();
}
//-->
</script>

こんにちは。

>具体的にJavascriptからPOST変数への
>受け渡し方はどのようになるのでしょうか?

ちょっと難しく考えすぎているような気がします。
POSTへ受け渡す=送信(submit)です。

onChangeでsubmitをかければよいだけですよ。

<form action="送信先.php" name="f">
<select name="sel" onChange="selChange(this.options[this.selectedIndex].value);">
<option value="1">1
<option value="2">2
</select>
<input type="submit" value="送信">
</form>

===
<script type="text/java...続きを読む


人気Q&Aランキング

おすすめ情報