複数の別ウインドウを表示するには？

[上に] [前に] [次に]
Nakata [E-Mail] 2000/05/23(火) 06:09:55
はじめまして。
仕事でHP作りをしていますが、Q&Aのページで複数の答えを
JavaScriptを使ってひとつ、ひとつ、別ウインドウで表示させたいのですが、
やり方がわかりません。
どうぞよろしくお願いします。
Nakata 2000/05/23(火) 06:45:59
補足ですが、WindowsのIE５を使用してます。
Joga 2000/05/23(火) 13:45:11
質問の具体的イメージがよくわかないんですが・・

ええと、例えば、ある質問をクリックすると、
別ウィンドウが開いて答えが出てくる、とかそういうのですか？
それだったら難しくないんですが・・
Nakata 2000/05/24(水) 06:47:53
Jogaさん、はじめまして。
それです！
別ウィンドウが開いて答えが出てくるやり方です。
質問の数が３０ほどあります。
その答えを別ウンドウのサイズを小さくして表示させたいんです。
どうかよろしくお願いします。
みんこ 2000/05/24(水) 11:43:54
http://www.tohoho-web.com/wwwjssm2.htm#OtherWindow

では。
Joga 2000/05/24(水) 11:53:45
それだったら,↓のような感じになります。
----------------------------------------------------------
<SCRIPT Language="JavaScript">
<!--
myWord = new Array(         //ここの配列には、番号に対応した答えを書く
   "答え1",
   "答え2",
   "答え3",
   "答え4"
);

function newwindow(Qnum) {　　　　// 引数は質問番号
nwin = window.open("", "Newwindow","width=480,height=100");
nwin.document.open();
nwin.document.writeln("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">");
nwin.document.writeln("<HTML>\n<HEAD>");
nwin.document.writeln("<TITLE>答え</TITLE>");
nwin.document.writeln("</head>");
nwin.document.writeln("<BODY style=\"background: #00bbff\; color: #0022aa\">");
nwin.document.writeln("<div align=\"center\">");
nwin.document.writeln(myWord[Qnum - 1]);         // 配列の添え字は0からなので、-1している
nwin.document.writeln("<br>");
nwin.document.writeln("<FORM>");
nwin.document.writeln("<INPUT type=\"button\" value=\"閉じる\" onClick=\"opener.winfl=0\;window.close()\">");
nwin.document.writeln("</FORM>");
nwin.document.writeln("</div>");
nwin.document.writeln("</BODY></HTML>");
nwin.document.close();
}
// -->
</SCRIPT>
<br>
<a href="#" onClick="newwindow(1); return false">質問1</a><br>
<a href="#" onClick="newwindow(2); return false">質問2</a><br>
<a href="#" onClick="newwindow(3); return false">質問3</a><br>
<a href="#" onClick="newwindow(4); return false">質問4</a><br>
------------------------------------------------------------------

↑では新しいウィンドウを開いて、そこのHTMLの中身を書いています。
他に、答えが書いてあるHTMLファイルを答えごとに用意し、
それを新しいウィンドウで、ウィンドウサイズを指定して開く、
という方法もあります。
NAKATA 2000/05/25(木) 07:17:55
みんこさん、Jogaさん、大変ありがとうございます。
勉強になるのでやり方２通りやってみます。
それとJogaさんの答えが書いてあるHTMLファイルを答えごとに用意し、
それを新しいウィンドウで、ウィンドウサイズを指定して開く、
という方法を知りたいです。
再度申し訳ないのですが、教えてくださいますか。
みんこ 2000/05/25(木) 09:54:30
Jogaさんのスクリプトを借りると

<SCRIPT Language="JavaScript">
<!--
function newwindow(n) {
nwin = window.open("kotae"+n+".html", "Newwindow","width=480,height=100");
// -->
</SCRIPT>

これで
<a href="#" onClick="newwindow(1); return false">質問1</a>
でkotae1.htmlが、
<a href="#" onClick="newwindow(2); return false">質問2</a>
でkotae2.htmlが開きます。

ていうか、紹介したリンク先の方法とあまり変わらないんですが。
＞ <A HREF="#" onClick="window.open('xx.html', 'XX',` width=480,height=100`)">
でもいけます。
NAKATA 2000/05/27(土) 07:30:49
[[解決]]
みんこさん、Jogaさんこの度は本当にありがとうございます。
おかげで問題解決しました。
最終的に最後に記述されているみんこさん形式でやって
みました。
これを覚えたことによってまた次のHP作りに活用できると
思います。
親切にしていただいたおかげでとても助かりました！！
[上に] [前に] [次に]