WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ジャバスクリプトの別窓の出し方

ハナ [WriteDate : Thu Apr 19 16:56:29 2001]

現在以下の様なジャバスクリプトで別ウィンドウを開いているのですが

「スクリプト部」
function Openm***()
{window.open("***.html","m***");}

「ソース部」
<A href="javascript:Openm***();" onmouseover="status='open window';return true" onmouseout="status='';return true">
<img src="img/1004.jpg" width="102" height="65" border="1"></a>

どうしてもコピーしてきたソースなので
思いどうりにうごいてくれません

どのようにしたいかというと
ABCと画像がありそれぞれに上記のようにジャバスクリプトで別窓をだしてやりたいので
すが、今のままだとそれぞれが別窓をだしてしまいます、
別窓はひとつでその窓にそれぞれのリンクファイルが開いてほしいのですが
どのように書き換えたらうまくいくのでしょうか?


カヅサツ [MAIL] [URL] [WriteDate : Thu Apr 19 17:27:27 2001]

JavaScript で出すということは、
別窓のウィンドウをカスタマイズ(も)したいということでしょうか?
(ステータスバーを非表示にしたり、大きさを指定したり)

もしそうでないのなら、JavaScript を使わずに A 要素の
TARGET 属性を使うだけで済みます。
画像リンクを辿ると他サイトへのリンクを出すという仮定で例示してみると、

<a href="http://www.yahoo.co.jp/" target="othersite"
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="yahoo"></a>
<a href="http://www.goo.ne.jp/" target="othersite">
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="goo"></a>
<a href="http://www.google.com/" target="othersite">
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="google"></a>

三つのリンクの TARGET 属性が同じなので、
ブラウザが対応していれば、同じ別窓に表示されることが期待されます
(対応してなければ普通のリンクになります)。

もし JavaScript で出したいのならば、
以下のようなカンジになります。
勝手ながら JavaScript 未対応環境への配慮などを付け加えてみました
http://www.ne.jp/asahi/minazuki/bakera/html/opinion/zannen2
 を参考にしたので、ハナ様も読まれると宜しいかも知れません)。

/* JavaScript */

function Openm(uri){
if ( (app == "N" && ver > 2) || (app == "M" && ver > 3) ) {
window.open(uri,"otherlink");
return false;
} else {
 return true;
}
}

<!-- HTML -->

<a href="http://www.yahoo.co.jp/"
onclick="return Openm('http://www.yahoo.co.jp/')"
onkeypress="return Openm('http://www.yahoo.co.jp/')"
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="yahoo"></a>
<a href="http://www.goo.ne.jp/"
onclick="return Openm('http://www.goo.ne.jp/')"
onkeypress="return Openm('http://www.goo.ne.jp/')"
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="yahoo"></a>
<a href="http://www.google.com/"
onclick="return Openm('http://www.google.com/')"
onkeypress="return Openm('http://www.google.com/')"
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="yahoo"></a>

スクリプトに対応してなければ普通のリンクになります。
もちろん最初の TARGET 属性も組み入れてもいいかもしれません。


カヅサツ [MAIL] [URL] [WriteDate : Thu Apr 19 17:28:00 2001]

JavaScript で出すということは、
別窓のウィンドウをカスタマイズ(も)したいということでしょうか?
(ステータスバーを非表示にしたり、大きさを指定したり)

もしそうでないのなら、JavaScript を使わずに A 要素の
TARGET 属性を使うだけで済みます。
画像リンクを辿ると他サイトへのリンクを出すという仮定で例示してみると、

<a href="http://www.yahoo.co.jp/" target="othersite"
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="yahoo"></a>
<a href="http://www.goo.ne.jp/" target="othersite">
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="goo"></a>
<a href="http://www.google.com/" target="othersite">
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="google"></a>

三つのリンクの TARGET 属性が同じなので、
ブラウザが対応していれば、同じ別窓に表示されることが期待されます
(対応してなければ普通のリンクになります)。

もし JavaScript で出したいのならば、
以下のようなカンジになります。
勝手ながら JavaScript 未対応環境への配慮などを付け加えてみました
http://www.ne.jp/asahi/minazuki/bakera/html/opinion/zannen2
 を参考にしたので、ハナ様も読まれると宜しいかも知れません)。

/* JavaScript */

function Openm(uri){
if ( (app == "N" && ver > 2) || (app == "M" && ver > 3) ) {
window.open(uri,"otherlink");
return false;
} else {
 return true;
}
}

<!-- HTML -->

<a href="http://www.yahoo.co.jp/"
onclick="return Openm('http://www.yahoo.co.jp/')"
onkeypress="return Openm('http://www.yahoo.co.jp/')"
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="yahoo"></a>
<a href="http://www.goo.ne.jp/"
onclick="return Openm('http://www.goo.ne.jp/')"
onkeypress="return Openm('http://www.goo.ne.jp/')"
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="yahoo"></a>
<a href="http://www.google.com/"
onclick="return Openm('http://www.google.com/')"
onkeypress="return Openm('http://www.google.com/')"
onmouseover="(略)" onmouseout="(略)"><img (略)
alt="yahoo"></a>

スクリプトに対応してなければ普通のリンクになります。
もちろん最初の TARGET 属性も組み入れてもいいかもしれません。


カヅサツ [MAIL] [URL] [WriteDate : Thu Apr 19 17:30:08 2001]

あれれ。二重投稿になってしまいました。申し訳ありません。


カヅサツ [MAIL] [URL] [WriteDate : Thu Apr 19 17:33:01 2001]

んが。しかも二つ目の HTML の ALT 属性の書き方間違えてるし。

> alt="yahoo"></a>
> (snip)
> alt="yahoo"></a>
> (snip)
> alt="yahoo"></a>
> (snip)



alt="yahoo"></a>
(snip)
alt="goo"></a>
(snip)
alt="google"></a>
(snip)

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]