別ウィンドウの複数表示

[上に] [前に] [次に]
けろ 1998/03/19(木) 21:55:19
こんにちは。
別ウィンドウを表示するタグってございますよね。
これって一つのページで複数設定できるのですか?
つまりいくつも画像ボタンがならんでいて、
それぞれをクリックするとそれぞれ別の小ウィンドウが表示されるとか、
または
ひとつの小ウィンドウが開いていて、親ページの別の画像ボタンをクリックすると
小ウィンドウの内容が別のものに表示がかわるとか・・・

さらに!!!
ie3で動かしたいっっ のですが
だめならie4とnn3以上限定スクリプトでもいいです。
博識な皆様!どうか愛の手をさしのべてやってください!

とほほ 1998/03/22(日) 00:22:57
<A HREF="#" onClick="window.open('xx.html', 'XX')"><IMG
SRC="xx.gif" BORDER=0></A>

・・・といった、JavaScriptで可能だと思います。
'XX'の部分を同じにすれば同じ別ウィンドウに、
別の名前にすればそれぞれ別のウィンドウに表示されます。

けろ 1998/03/22(日) 04:25:37
とほほさんありがとうございます。
ぜひ挑戦したいと思ったのですが、ちょっと確認したいことがあります。
A HREF="#" ←これはステータスバーに表示される文字
onClick="window.open('xx.html' ←これは小ウィンドウ自体のHTML
です・・・よね。あってますか?

そこで、
'XX' ←これは何を指すのですか?


それからこの記述には
<SCRIPT language="JavaScript"><!-- //--></SCRIPT>
というのは省略していい種類のscriptなんですか?
すみませんたぶんまぬけな質問だと思うのですが
もうすこしおつきあいしていただければ嬉しいです。
・・・といった、JavaScriptで可能だと思います。

けろ 1998/03/22(日) 04:28:02
すみません あと上記のスクリプトはie3でも動きますでしょうか?
もちろん自分でもやってみますが、もし動かない場合に、自分の設定ミスなのか
サポートしていないのかを判別できないもので......

とほほ 1998/03/23(月) 23:52:20
うーん、まぁ、とりあえずやってみてください。
詳細は「とほほのJavaScript入門」を参照してください。

seltza 1998/03/24(火) 13:18:48
いつもお世話様です。seltza と申します。
とほほさんもお忙しいでしょうから、当方が割り込み要求させていただきます。(^。^

>A HREF="#" ←これはステータスバーに表示される文字
>onClick="window.open('xx.html' ←これは小ウィンドウ自体のHTML
>です・・・よね。あってますか?

その通りにございます。 # HREF="#" は勉強になりました。>とほほさん

>そこで、
>'XX' ←これは何を指すのですか?

この 'XX' ってのは、新たに開くウィンドウにつけられる名前です。とほほさんがおっしゃった、
>'XX'の部分を同じにすれば同じ別ウィンドウに、
>別の名前にすればそれぞれ別のウィンドウに表示されます。
というのは、'XX' をすべてのリンクで同じにすれば、違うリンクをクリックしても、その 'XX' というウィンドウに次々とページ(いまの場合、画像)が上書きされる形で表示される、ということです。(かな?) 最初の質問の後者(「ひとつの小ウィンドウが開いていて」)はこっち。
逆に、すべてのリンクに対して別々なウィンドウを開きたい場合は、各リンクに対して 'XX1' とか 'XX2' とかのように指定してやればよいです。同じく前者(「それぞれ別の小ウィンドウ」)。

><SCRIPT language="JavaScript"><!-- //--></SCRIPT>
>というのは省略していい種類のscriptなんですか?

オッケーっす。

で、補足なんですが、「それぞれ別の小ウィンドウ」の場合、次のようにするといいかも。
## ここは <HEAD> タグ内に ##
<SCRIPT LANGUAGE="JavaScript">
<!--
function fileopen(file) { window.open(file+'.html',file); }
//-->
</SCRIPT>

## 各リンクの部分では ##
<A HREF="#" onClick="fileopen('index3')"><IMG SRC="xxx.gif" BORDER="0"></A> // "index3" が「小ウィンドウ」に表示するページ

さて、気になるブラウザ依存については、ここで使われているのはたいていのもので正常に動くと思います。
以上、seltza@お昼休み中... でした。

匿名希望 1998/03/26(木) 07:43:03


匿名希望 1998/03/26(木) 07:55:09


[上に] [前に] [次に]