• 締切済み

window.open()で幅指定の際、ウインドウサイズが大きすぎる

以下のようなwindows.openに関するプログラムを作成し、実際に 子ウインドウを開いてみると、表示されるウインドウの横幅が、画面いっぱいよりわずかに大きくなってしまいます（画面解像度は1024*768） width=1024と記述しているので、横幅はぴったり画面サイズと同じ だと思っていたのですが、どこが間違えているのでしょうか？ 不勉強で恐縮ですが、ご教示いただきたくお願いいたします。 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function dispw() { win01=window.open("h ttp://www .goo.ne.jp/","MENU","width=1024,height=680,top=0,left=0,status=yes"); } </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" VALUE="子ウインドウを開く" onClick="dispw()"> </FORM> </BODY> </HTML>

みんなの回答

  • redfox63
  • ベストアンサー率71% (1325/1856)
回答No.1

window.screen.availWidthとwindow.screen.availHeightを使って window.openを実行してみましょう var w = window.screen.availWidth; var h = window.screen.availHeight; win01=window.open("h ttp://www .goo.ne.jp/","MENU","width=" + w + ",height=" + h + ",top=0,left=0,status=yes"); } といった具合で …

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • window.open()で開いたｳｨﾝﾄﾞｳにパラメータを渡す。

    まずは下記のHTMLファイルをご覧下さい。 ------------------------------------------------- <HTML> <HEAD> <TITLE>TEST01</TEST> <ScriptLanguage="JavaScript"> <!-- function new_win() { window.open("new_win1.cgi","POPUP", "scrollbars=1,status=0,location=0,toolbar=0,menubar=0,resize=1,height=450,width=300"); } //--> </script> </HEAD> <BODY> <FORM NAME="SEND_DATA"> <INPUT TYPE="hidden" NAME="par01" VALUE="aaaa"> <INPUT TYPE="hidden" NAME="par02" VALUE="bbbb"> <INPUT TYPE="hidden" NAME="par03" VALUE="cccc"> <INPUT TYPE="button" NAME="btn01" VALUE="SEND" onClick="new_win()"> </FORM> </BODY> </HTML> ------------------------------------------------ 以上です。このHTMLファイルを動かすとボタンだけが表示されます。 そしてそこのボタンをクリックしますと、新しいｳｨﾝﾄﾞｳが 出力され、そこには"new_win1.cgi"の処理結果が表示されます。 そこで、そのＣＧＩを動かす時に"SEND_DATA"というﾌｫｰﾑ内の データも一緒に送信したいのですが、どのようにやればよろしいのでしょうか？

    • ベストアンサー
    • HTML
  • JScript server2008 window.openについて

    JScript に関するバグ情報等が有れば教えて下さい。 具体的には Windows Web Server 2008 R1　＋　IE8　の環境にて window.open　操作をした場合にターゲット指定をうまく認識しない模様です。 フレーム内親ウィンドウから子ウィンドウ（別ウィンドウ）を開き、開いた子ウィンドウから親ウィンドウを操作したいのですが、新規のウィンドウを開いてしまいます。 XP + IE8、Vista + IE8では問題が発生しません。 以下に簡単なソースを記載します。 --- index.htm --- <HTML> <HEAD> <TITLE>フレーム</TITLE> </HEAD> <FRAMESET rows="50%,*" border="3" > <FRAME name="up" src="./parent.htm" frameborder="1"> <FRAME name="down" src="" frameborder="1"> </FRAMESET> </HTML> --- 親ウィンドウparent.htm --- <HTML> <HEAD> <TITLE>親ウィンドウ</TITLE> <script language="javascript"> <!-- function child_window(){ window.open("./child.htm" , "child"); } //--> </script> </HEAD> <BODY> 親ウィンドウ<BR> <input type="button" value="open" onclick="child_window();"> </BODY> </HTML> --- 子ウィンドウchild.htm --- <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>子ウィンドウ</TITLE> <script language="javascript"> <!-- function parent_window(){ window.open("./parent.htm" , "up"); } //--> </script> </HEAD> <BODY> 子供だよ<BR> <input type="button" value="parent_open1" onclick="parent_window();"> </BODY> </HTML>

  • window.open _self　でとんでくれない

    初歩的な質問だと思うのですが。 《test1.htmlのソース》 <html> <head> <title>test1</title> </head> <SCRIPT language=JavaScript> <!-- function jump(){ xurl="test2.html"; window.open(xurl,"_self"); } --> </SCRIPT> <body> <form> <input type=submit value="OK" onclick="jump()"> </form> </body> </html> これで［OK］ボタンをクリックしてもtest2.htmlを表示してくれません。 _selfを付けなければ別ウィンドウで表示されるのですが、自身のウィンドウに表示させるにはどうしたらいいのでしょうか。 ブラウザはＩＥ６です。 よろしくお願いいたします。

  • window.openで404エラーがでます

    以下のhoge.htmlでアンカーをクリックした際、クライアントがWindows環境であれば正常に動作するのですが、Mac OS X ＆ IE5.2では、404エラーになってしまいます。 勿論、test.phpは存在します。 どなたか、このような症状を経験された方はおられますでしょうか？ よろしくお願いいたします。 hoge.jp--------------------------------------- xx = ""+Math.round(screen.availWidth * .7); yy = ""+Math.round(screen.availHeight * .7); function op_win(v_form,v_target,v_user_pic_dir) { var com_str="test.php?"+v_form+"&"+v_target+"&"+v_user_pic_dir; subwin=window.open(com_str,v_target,"toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,alwaysRaised=yes,left=50,top=50,width="+xx+",height="+yy); subwin.focus(); } ---------------------------------------------- hoge.html------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <META http-equiv="Content-Style-Type" content="text/css"> <SCRIPT type="text/javascript" src="./e-shop_creator.js"></SCRIPT> </HEAD> <BODY> <A href="JavaScript:op_win('aaaaa','bbbbb','cccc')">オープン</A> </BODY> </HTML> ----------------------------------------------

  • JavaScript window.openで開く際、そのwindowの背景色を指定したい

    親ウィンドウにある画像のサムネイルをクリックすると、子windowにその画像の大きいものが表示されるHTMLを作っています。 その際に、子windowの背景色を黒くしたいのですが、うまくいきません。以下にソースを記載します。 【HTML】 <a href="javascript:void(0);" onClick="winopen('1.jpg')"><img src="1s.jpg" /></a> 【JavaScript】 function winopen(filename) {var w=window.open(filename,'','width=900,Height=700'); w.focus(); w.document.write("<body bgcolor=black>"); } このようになっているのですが、これだとw.document.write("<body bgcolor=black>")のところで、窓全体が黒くなってしまい、jpgがなくなってしまいます。 jpgの背景を黒くしたいのですが、どのようにしたらよいでしょうか？

  • 1ページに大量のWindow.openの最適化方法

    サムネイル下のボタンクリックで拡大写真表示をさせたいと思っています。 現在以下の方法です。 -------------------------- <SCRIPT language="JavaScript"> <!---------------------- function open1(){ wo1=window.open("","WindowOpen1", "toolbar=no,location=no,directories=no,status=no,menubar=yno,scrollbars=no,resizable=no,width=430,height=460"); wo1.document.write("<html><head><title>拡大写真</title>"); wo1.document.write("<script language='JavaScript'> "); wo1.document.write("function good(){ "); wo1.document.write(" window.close() } "); wo1.document.write("</script></head><body><center> "); wo1.document.write("<IMG src='img/03-02/001.jpg' border='0'> "); wo1.document.write("<br><form> "); wo1.document.write("<input type='button' name= 'ok ' value=' Close ' onClick='good()'>"); wo1.document.write("</form></center></body></html> "); wo1.document.close(); } //-----------------> これと <FORM><INPUT type="button" name="no1 " value=" 拡大写真 " onclick="open1()"></FORM> これの組み合わせ --------------------------- で、これがそのページに30個ほど必要なんです。 それぞれ違うのは、もちろん画像だけなんです。 function open1(){～～}を個数分書くしか方法は無いんでしょうか? 何か簡素化する方法があったらお願いします。

  • 指定サイズウィンドウが開かない

    ビルダーでサイトを作成しているのですが ＪＡＶＡスクリプトを使用したサイズ指定ウィンドウが ビルダーのプレビューではちゃんと開くのにＦＴＰツールで転送し、ネット上で開こうとすると開きません。 タグの書いてあったサイトのサンプルでもちゃんと開きます。 タグは <A href="javascript:void(0);" onClick="window.open('file:///○○.html', 'newwin', 'width=900,height=600')" ><IMG src="○○.gif" width="68" height="79" border="0"></A> です。これを<BODY></BODY>に埋め込んでいます。 ○○はファイル名です。一体何処が悪いのでしょうか？ 教えてください。

  • javascriptの長いコードをサブルーチン化する方法

    初歩的な質問かもしれませんが <a href="javascript:void(0);" onclick="window.open ('note.htm','_blank','location=no,menubar=no,scrollbars=yes, resizable=yes,status=no,width=200,height=100,top=0,left=0')">※注釈※</a> …というHTMLをたくさんの箇所に挿入したいのですが，これではあまりにも長い ので，該当ファイルのヘッダ内に <head> <SCRIPT language="javascript" type="text/javascript" src="../script/winopen.js"></script> </head> みたいにwinopen.jsとして収め，必要箇所で呼び出したいのですが， (1) winopen.jsファイル内　と (2) HTMLの<body></body>内　には 具体的にどのように記述したらよいものでしょうか？

  • window.openで同画面遷移しない

    window.openで別窓でウィンドウを開き、開いたウィンドウは親ウィンドウにあるリンク1、リンク2、リンク3をクリックすると別窓で開いたウィンドウが同画面遷移で変わるようにしたいのですが、IEで各リンクをクリックすると新規ウィンドウが立ち上がってしまいます。Firefoxでは問題ないのですが。 <head>～</head>内に以下のjavascriptを書きました。 <script type="text/javascript"> <!-- function winOPEN(URL,winName) { window.open(URL, 'window1', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'); } // --> </script> またリンクのhtmlは以下のようにしました。 <ul> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク1</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク2</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク3</a></li> </ul> どこがいけないのでしょうか。教えてください。

  • window.openについて

    window.openを使って新しいウインドウを開きたいと思い質問させていただきます。 現在、 ---------------------------------------------------------------- <script type="text/javascript"> <!-- function w_opn() { newWin = window.open("abc.html","","width=200,height=300"); win.moveTo(0,0); } // --> </script> そして、BODY内に <a href="javascript:w_opn()">開く</a> --------------------------------------------------------------- というふうに作成しています。 この方法だと、リンク元が複数ある場合、HEAD内のJavaScriptも複数記述しないといけないと思うのですが、これをひとつのJavaScriptで制御したいのです。 どなたかご教授願えませんか？参考になるサイトのURLでも構いません。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する