新規ウィンドウを全画面表示させたい
- head内に特定のスクリプトを追加し、新しいウィンドウを全画面表示させる方法について教えてください。
- 新しいウィンドウで指定のページを開くためのタグや属性が足りない場合、同じウィンドウで開かれてしまうことがあります。どのようなタグや属性を追加する必要があるのでしょうか。
- 指定のページを新しいウィンドウで開くためのスクリプトが正しく機能していない場合、正しいスクリプトを教えていただけますか？
- ベストアンサー
新規ウィンドウを全画面表示させたい
head内に下記を入力し、 <script type="text/javascript"> <!-- function setScreenSize() { window.moveTo(0,0); window.resizeTo(window.screen.availWidth, window.screen.availHeight); } //--> </script> body内に下記を記載しました。 <a href="test.htm" onclick="setScreenSize()">test</a> 「test.htm」を新規ウィンドウで開きたいのですが、同じウィンドウで開いてしまいます。何が足りないのか分かりません。教えていただけませんでしょうか？
- tomchi
- お礼率88% (16/18)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
window.openしないと新規Windowは開きませんよ moveToのwindow.openを追加してください 詳細は参考URLから
関連するQ&A
- 子ウィンドウを最大化で表示させたいのですが・・・
ボタンをクリックした時に別ウィンドウを最大化で起動させたいと思っております。 java script素人ながらいろいろと挑戦しているのですが、IEではうまくいくものの、ネットスケープではうまくいきません。 ネットスケープでは動作しないスクリプトが多いようです。 IEとネットスケープで同じ動作をするようにするにはどのように記述すれば良いのでしょうか？ バージョン（IE：ver.５、NS：4.75） 以下に試して見たスクリプトを記述します。 どれもIEでは動作しますが、NSではjavaの制限のため画面のサイズが変わりませんでした。 無理なのであれば、無理との回答をいただきたく思います。 よろしくお願いします。 挑戦例１ function MakeChild() { Child = window.open("test.html","","fullscreen") } 挑戦例２ function MakeChild() { Child = window.open("test.html","",""); Child.moveTo(0,0) Child.resizeTo(screen.availWidth,screen.availHeight) }
- ベストアンサー
- JavaScript
- 全画面表示の時にアドレスバーの部分を消す方法
全画面表示の時に表示されるアドレスバーの部分を消す方法をご教授下さい。 自分のホームページ内で、クリックしたら別窓で全画面表示で立ち上がるようにする部分を作ったんですけど、私のやり方ではアドレスバーの部分が表示されてしまいます。 このアドレスバー（画像の赤い部分です。アドレスの横にあるトグルボタン？なども含めすべて）を表示させない方法はないでしょうか。 ↓以下がhtmlに入れているJavaScriptのタグになります。 【head部分】 <script language="JavaScript"> <!-- function fullopen(strURL) { win=window.open(strURL, "","fullscreen=1"); win.window.moveTo(0,0); win.window.resizeTo(screen.availWidth,screen.availHeight); } //--> </script> 【別窓を立ち上げ、全画面表示で開かせたいURL部分】 <a href="javascript:void(0);" onclick="fullopen('～.html');"></a> これのどの部分をどのように直せばいいでしょうか。 当方JavaScriptほぼ素人のため、できるだけわかりやすく教えて頂けるととても助かります。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 外部サーバへリンク 別ウィンドウの最大化表示
別ウィンドウ表示指定のリンク先を最大化で開きたいので、下記のように書いてみましたが、うまく動作しません。 <HTML> <script language="javascript"> <!-- function OpenWindow(){ subWin = window.open("http://www.yahoo.co.jp/","subWin","status=no,menubar=no,toolbar=no,toolbar=no,scrollbars=yes,resizable=yes"); subWin.moveTo(0,0); subWin.resizeTo(screen.availWidth,screen.availHeight); } --> </script> <HEAD> <title>サンプル</title> </HEAD> <body> <table><tr><td> <a href="javascript:;" onClick="OpenWindow()">別のウィンドウを開く</a> </td></tr></table> </body> </HTML> リンク先が相対指定の場合は、最大化表示ができるのですが、リンク先をフルパスで記述すると、JavaScriptのエラーになり、新規ウィンドウも最大化になりません。 リンク先が絶対指定でも、別ウィンドウを最大化にできる記述方法を教えてください。
- 締切済み
- JavaScript
- 子ウィンドウを開くときに、親ウィンドウ（自分）を警告なしで閉じる。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=805336 の続きというか、同じことなのですが、 以下のJavaScriptで、子ウィンドウが開かれるのですが、この際に開いた親ウィンドウを閉じたいのですが、普通に閉じると警告が出てしまいます。 警告なしで、子ウィンドウを開き、親ウィンドウを閉じる方法があれば、教えてください。 <script language="JavaScript"><!-- function MenuWindow(){ var bname = navigator.appName; var bversion = navigator.appVersion; var spchr = ";"; var bverS = bversion.split(spchr); var blsr = bverS[1]; var spchr = " "; var btype = blsr.split(spchr); var bcat = btype[1], bver = btype[2]; if ((bcat.indexOf("MSIE")<0)||(bver<5.0)) { res = window.alert("本プログラムは Internet Explore 5.0 以降の"+ "ブラウザ以外では動作しません。"); window.close(); } else { //location.href="menu.html"; var indexW; var swidth=screen.availWidth; var sheight=screen.availHeight; var wwidth=swidth*1.0; var leftpos=(swidth-wwidth); var wheight=sheight*1.0; var toppos=(sheight-wheight); window.resizeTo(wwidth,wheight); window.moveTo(leftpos,toppos); window.focus(); indexW = window.open("menu.html","",'resizable=yes,top=0,left=0'); indexW.resizeTo(swidth, sheight); //location.href="#"; } return true; } //--></script> </head> <body onLoad="MenuWindow()"> </body>
- ベストアンサー
- JavaScript
- フルスクリーンで表示（横のみ）
質問の回答お願いします。 画像フルスクリーンにする方法はわかりましたが、 横のみフルサイズで縦は指定しないという方法を ご存知の方がいらしたらお願いします。 <BODY onLoad="moveTo(0,0),resizeTo(screen.availWidth,screen.availHeight)"> availWidthを指定しないと書くにはどうすれば良いでしょうか？ また別の方法がある場合もお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい
過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。 ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。（下記参照） <script type="text/javascript"> <!-- function win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></script> body内 <a href="link_page.htm"onclick="win(this.href,null,600,430); return false;"><img src="image.gif" width="123" height="18" /></a></td> ただ複数あるリンクをクリックすると、ポップアップウィンドウも次々増えてしまうのを、常にひとつのウインドウ上に表示させることができません。 どうぞご指南よろしくお願いします！
- ベストアンサー
- JavaScript
- JavaScript 画像のサイズを取得して、それに適したウインドウを表示したい
画像のサイズを取得して、それに適したウインドウを表示したいと思っています。 今のところ、下記のように実装しましたがローカルで実行した際に、サイズを取得できない場合があります。 （document.write(size);で、width=0,height=0 と返ってくる） また、サーバ上で実行するとブラウザが応答なしになってしまいます…。 どのように解決すればよいか、良い案がありましたら是非ご教授下さい。 宜しくお願い致します。 function popup_img(url, title){ var tImg = new Image(); tImg.src = url; x = tImg.width; y = tImg.height; document.write(size); //for debug if(x!=0 && y!=0){ var size = "width=" + x + ", height=" + y; a = window.open("","",size); a.document.write("<HTML>\n"); a.document.write("<TITLE>",title,"</TITLE>\n"); a.document.write("<BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0>\n"); a.document.write("<IMG SRC=",url,">\n"); a.document.write("</BODY></HTML>\n"); a.document.close(); a.moveTo((a.screen.availWidth / 2 - tImg.width / 2), (a.screen.availHeight / 2 - tImg.height / 2)); } } // --> </SCRIPT> </head> <BODY> <a href="#" onClick="popup_img('TEST.jpg', 'SOME TITLE')">TEST</a>
- ベストアンサー
- JavaScript
- 以前画面100%表示できる方法を教えてもらったものですが、・・・
以前画面100%表示できる方法を教えてもらったのですが、最近になって困ったことになりました。 それは、あっちこっちで確認をしましたところ、実はMACでは何ともなかったものの、Winのパソコンで変な場所に大体正確にではありませんが、画面端から約100×100の位置に出てしまうパソコンが何台かあるのに気が付きました。 ソースを書きます。 <SCRIPT language="JavaScript"> <!-- function newWin(){ w = screen.availWidth ; h = screen.availHeight ; window.open("op_01q.html","newWin","width="+w+",height="+h) ; window.moveTo(-1,-1) ; } //--> </SCRIPT> で、できるとは思いますが、何か足りないのか分かりません。 どうか宜しくお願いします。
- ベストアンサー
- JavaScript
- フレームページの画面サイズ設定
トップ、メイン、アンダーって縦に３つに別れたフレームで画面サイズの設定をしたいのですが、どの様にすればよろしいでしょうか？ また、ＷＩＮとＭＡＣでサイズが違う様にしたいです。 下記まではできたのですが、ブラウザーを立ち上げてもサイズが設定できません。 <script type="text/javascript"> <!-- function test(){ if(navigator.platform=="MacPPC"){ window.resizeTo(500,500); }else{ window.resizeTo(750,600); } } //--> </script> <body bgcolor="#FFFFFF" text="#000000" onload="javascript: test();"> よろしくお願いします。
- ベストアンサー
- JavaScript
- HP、リンク先を最大化で開く方法は？
ホームページ作成講座・作成支援サイト『ともくんの部屋』（http://www4.ocn.ne.jp/~tomotan/）のページを参考に、下記のようにHTMLを書いたのですがうまくいきません。 <INPUT type="button" value="リンク先を最大化して開く" title="リンク先を新しいウィンドウで最大化して開きます" onClick="window.open('….html','','toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes'); moveTo(0,0); resizeTo(screen.availWidth,screen.availHeight);"> 最大化されずに開くのですが、どこがいけないのでしょうか？ また、自分が思うには、,'','toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes'); moveTo(0,0); この部分はなくてもよいと思うのですか、消すとエラーを起して動きません。 このHTMLの構造についても教えて下さい。よろしくお願い致します。
- ベストアンサー
- HTML
お礼
参考にさせていただきました、どうもありがとうございました。