- 締切済み
2つの別ウインドウの表示
JavaScriptで 1つ目の別ウインドウを表示してから JavaScriptで 2つ目の別ウインドウを表示すると、 1つ目のウインドウがステ-タスバ-の下に入ってしまいます、 2つの別ウインドウを表示するには、どのようにすれば良いですか。
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- peron
- ベストアンサー率45% (43/95)
以前 質問:769746 であったのと同じようにCGI(Peal)を使って・・・私 申し訳ないのですがPealの動作環境がないのでスクリプトを動作させる事が出来ません ただ、 win1 = window.open('','winnew','scrollbars=yes, resizable=1, WIDTH=700, HEIGHT=800'); win1.moveTo(0,0); の部分で win1.moveTo(0,0);のwin1がウインドウ名を指さなければならないのが、関数名になっているのが気になります winnewでなければならないのでは? 再現出来ない為 このような回答になり申し訳ございません
- peron
- ベストアンサー率45% (43/95)
formでチェックした画像を表示してるんでしょうか? この場合 サブウインドウを開いてHTMLをスクリプトで書いてらっしゃるんで >>画像をHTML化してスクリプトを埋め込む というのは出来ないです 単純にサブウインドウに画像を表示するという考えならば、直接画像を表示しないで、画像を表示するHTMLを作ってそこにスクリプトを埋め込むという事だったんです ※ これをスクリプトでやってらっしゃるので 元のHTMLは一つで画像は複数という状態です どのような状態でcheck2(Form1)やsele(Form1)が呼び出されるのか情報が欲しいです check2(Form1) →スクリプトでHTMLを書き出さなければならないのか?という疑問もあります
- peron
- ベストアンサー率45% (43/95)
複数のウインドウを開くと重なって表示されるという事だと思います そこで、それぞれのウインドウを別の位置にずらして表示させれば という考えで それぞれの表示するウインドウに <SCRIPT type="text/javascript"> <!-- window.moveTo(○○,10) //--> </SCRIPT> を埋め込めばずらせて表示出来ます moveTo(○○,10)の○○値を1番目は(10,10) 2番目は(20,10)という具合に変化させます ※ もちろん(0,0)や(10,20)でも良いです もし、画像等だけのリンクで開く場合 開き元でのコントロールは出来ますが、画像をHTML化してスクリプトを埋め込む方が簡単です
補足
解答ありがとう、 下記がコードですmoveToでも出来ません、又 >画像をHTML化してスクリプトを埋め込む はどうするのですか、よろしくお願いします。 function check2(Form1) { imag = "file:///"+document.Form1.file_1.value.replace(/\\\\/g, '/'); var new1 = window.open('','new1', 'width=50, height=50,resizable=1'); new1.document.writeln("<HTML lang='ja'>"); new1.document.writeln("<HEAD>"); new1.document.writeln("<META HTTP-EQUIV=\\"Content-Script-Type\\" CONTENT=\\"text/javascript\\">"); new1.document.writeln("<TITLE>画像確認<"+"/TITLE>"); new1.document.writeln("<"+"/HEAD>"); new1.document.writeln("<BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0><CENTER>"); new1.document.writeln("<img src=\\""+imag+"\\" name=\\"myimage0\\">"); w = new1.document.images["myimage0"].width; h = new1.document.images["myimage0"].height; new1.resizeTo(w,h); new1.document.writeln("<SCRIPT type='text/javascript'>"); new1.document.writeln("<!-"+"-"); new1.document.writeln("var conf = confirm('この画像でOKですか?');"); new1.document.writeln("//-"+"->"); new1.document.writeln("<"+"/SCRIPT>"); new1.document.writeln("<"+"/CENTER>"); new1.document.writeln("<"+"/BODY>"); new1.document.writeln("<"+"/HTML>"); if (conf = new1.conf) { new1.moveTo(710,0); } else { new1.close(); temp1 = Form1.title.value; temp2 = Form1.pr.value; Form1.reset(); Form1.title.value = temp1; Form1.pr.value = temp2; document.Form1.file_1.focus(); } return conf; } function sele(Form1){ win1 = window.open('','winnew','scrollbars=yes, resizable=1, WIDTH=700, HEIGHT=800'); win1.moveTo(0,0); win1.focus(); win1.document.writeln("<BODY>"); win1.document.writeln("<FONT SIZE=4 COLOR='NAVY'>"); idata = window.document.Form1.pr.value; win1.document.writeln(lineX(idata)); win1.document.writeln("</FONT>"); win1.document.writeln("<CENTER>"); imag = "file:///"+document.Form1.file_1.value.replace(/\\\\/g, '/'); win1.document.writeln("<img src=\\""+imag+"\\" alt='画像がありません'></CENTER>"); win1.document.writeln("<SCRIPT type='text/javascript'>"); win1.document.writeln("<!-"+"-"); win1.document.writeln("var sw = confirm('この画像、コメントOKですか?');"); win1.document.writeln("//-"+"->"); win1.document.writeln("<"+"/SCRIPT>"); if (sw = win1.sw) { win1.close(); } else { win1.close(); temp1 = Form1.title.value; temp2 = Form1.pr.value; Form1.reset(); Form1.title.value = temp1; Form1.pr.value = temp2; document.Form1.file_1.focus(); } idata = ""; return sw; }
補足
check2で投稿画像を確認してnoなら再入力、okなら画像をそのまま表示して、 seleでコメントと画像を表示して確認を求めています、 okの時seleの画面とchesk2の画面を閉じたいのですがchesk2の画面はステ-タスバ-の 下に入って閉じることが出来ません >スクリプトでHTMLを書き出さなければならないのか?という疑問もあります もしよろしければ別の書き方を教えていただければ幸いです、よろしくお願いします。