中央に、アドレスバー表示した別窓を表示する方法

2023/08/03 13:58

このQ&Aのポイント

<head>タグ内でJavaScriptを使用して別窓を中央に表示する方法です。アドレスバーも表示させたい場合は、location属性を指定する必要があります。
現在のコードでは、<a>タグのonclick属性にJavaScript関数が指定されており、この関数が別窓を開く処理を行っています。
アドレスバーを表示させるには、オープンしたいウィンドウのsettings変数内に'location=yes'と記述する必要があります。

ベストアンサー

中央に、アドレスバー表示した別窓を表示

2006/07/12 15:31

別窓を中央に開くため、次のものを用意したのですが、その別窓にアドレスバーを表示させたいのです。どこをどうしたらよいのでしょうか。 locationってのをどこかに書き込めば良いのかと思っていろいろやってみておりますが、うまくいきません。ぜひご教授ください。 ↓現在、用意したもの <head> <SCRIPT language="javascript"> var win = null; function NewWindow(mypage,myname,w,h,scroll){ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' win = window.open(mypage,myname,settings) } </SCRIPT> </head> <body> <a href="demo.html" onclick="NewWindow(this.href,'myname','450','375','no' );return false">[こちら]</A> </body>

nsi2xpz
お礼率47% (18/38)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

BLUEPIXY
ベストアンサー率50% (3003/5914)

2006/07/12 16:13 回答No.1

IEの場合 ',resizable,location' または、 ',resizable,location=yes' でいいと思います。 Fireforx の場合 ',resizable,location' だけでは、アドレスの変更ができないみたいなので ',resizable,location,toolbar' もした方がいいのかも・

質問者

お礼 2006/07/12 16:31

ありがとうございました。できました♪

関連するQ&A

親html内の要素を新しいウィンドウで表示するには
宜しくお願い致します。親htmlとして閲覧している時には表示されない特定のdiv要素を「表示する」といったようなボタンをクリックすることで、子ウィンドウに読み込ませて表示させることができるコードを探しております。通常、親htmlから子ウィンドウを表示させるには、子ウィンドウに読み込むhtmlファイルを別に用意し、親htmlから子ウィンドウを表示させるのが普通かと思うのですが、事情があり、子ウィンドウ用のhtmlを用意できません。なので、親htmlに子ウィンドウとして読み込ませるdiv要素を書き、親htmlとして閲覧している時はdisplay:none;のような感じで非表示にしておき、「子ウィンドウを開く」などといったボタンをクリック、子ウィンドウに親htmlに書かれているdiv要素を読み込んで表示させる、というようなことはできないものかと思っております。やりたいことが抽象的で、検索しても思うような事例が見つからないため、こちらで質問させて頂きました。子ウィンドウを開くためのコードは下記のようになっております。 ■親html <html> <head> <script type="text/javascript">  </script> </head>  <div> <a href="●●" onClick="gene_window(this.href, 'name','500','400','yes');return false;">子ウィンドウを開く</a> </div>  <div style="display:none">hogehoge</div> </body> </html> 子ウィンドウを開くと、<div style="display:none">hogehoge</div>の部分だけが子ウィンドウに読み込まれ、<div>hogehoge</div>として表示される。分かりにくい説明で申し訳ありません。補足説明致しますので、もしお分かりの方がいらっしゃいましたら、どうかご教授下さいますようお願い致します。
- ベストアンサー
- JavaScript
別窓リンクの問題点は？
画像リンクによる別窓表示で下記の一行のみのソースをリンクとして別窓表示しています。この方法でのデメリットはありますでしょうか？ -------------------------------------------------------------- <body> <a href="javascript:void window.open('test.html',null,'height=450,width=300,menubar=no,toolbar=no,scrollbars=no');"><img src="test.gif"></a> </body> -------------------------------------------------------------- サイト検索で見かける別窓表示のソース↓ <head> <script language="JavaScript"> function openWindow(i) { window.open("sample" + i + ".html","","width=700, height=600"); } </script> </head> <body> <a href="javascript:openWindow('1')">sample1.html</a><br /> </body> これとの比較したときの問題は？
- 締切済み
- JavaScript
別窓についての質問です。
別窓の開くJavaScriptは分かるのですが、別窓を多く開く方法が分かりません (1)大きめの窓で開きたい (2)小さめの窓で開きたい (↑サイズ指定をして) という場合、別窓を共有(？)する形になってしまい、 (1)を開いたまま、(2)を開こうとすると、 (1)の大きさの窓なので、 (2)のページを開くと余白ができてしまいます。 <HEAD>～</HEAD>内に <SCRIPT language=JavaScript> </SCRIPT> <BODY>～</BODY>内に <A href="javascript:subWin1();" style="text-decoration:none" style="color:black"> <FONT onmouseover='this.color="#FF0000";' onmouseout='this.color=""'> <b>掲示板</b> </FONT> </A> (1)・(2)共、この書き方をしているのですが… ご意見お待ちしています。
- ベストアンサー
- JavaScript
javaでサムネイルをクリックして別窓で表示したいのですが…
はじめまして！たつやです。現在ＯＳはＸＰでビルダー９を利用して画像アルバムのホームページを作成してますが、サムネイルと元画像はhtmlファイルとして用意し、それぞれのサムネイルをクリックするとタイトルバーなどが無い別画面で表示したいと考えております。別画面はクリックした画像の数だけ開くようにしたいとも考えています。ヘッド部には <script Language="JavaScript"></script> と記入して、ボディー部には <A href="jpeg/001.html" onclick="nwin1()"><IMG src="jpeg/s001.jpg" width="90" height="68" border="0"></A> <A href="jpeg/002.html" onclick="nwin2()"><IMG src="jpeg/s002.jpg" width="90" height="68" border="0"></A> と記載下のですが、ｕｐすると、 auto；blank　と出てうまくいきません。どのように対処すればよいでしょうか？取り急ぎご回答をお待ちしています。
- ベストアンサー
- ホームページ作成ソフト
別ウィンドウをそれぞれ違うサイズで位置指定で開きたい
現在ウェブサイトを作っておりまして、別ウィンドウをそれぞれ違うサイズで位置指定で開きたいと思い、headの中に以下の記述をしました。 <SCRIPT language="JavaScript">  </SCRIPT> <SCRIPT language="JavaScript">  </SCRIPT> 開きたい画面は二つあり、位置は両ウィンドウとも画面の真ん中で、サイズのみ違います。しかし、この形ですとなぜかウィンドウサイズは両方とも同じになってしまい、狙い通りにいきません。何が原因なのでしょうか。
- 締切済み
- JavaScript
別窓を開くプログラムについて
はじめまして。初めての投稿の者です。今回、ご相談の件ですが、現在、webを制作してて、サムネイル（画像）をクリックすると別窓が開いて画像を大きく表示させるという風に作っています。 <script language="javascript">  </script> ～～～中略～～～ <body> <a href="javascript:open_window('ファイル名.html')"><img src="画像のファイル名" width="250" height="150" alt="---"></a> ～～～中略～～～この方法の場合、大きく表示させる画像のサイズによっては別窓に表示させたとき、ウィンドウに余白ができてしまいます。 width=1000,height=760の部分を無くして、なお且つ別窓に表示させたときの画像の周辺に余白が無いように・・と、色々とjavascriptに関するサイトや講座を拝見して調べてみましたが希望のような事が有りませんでした。また、<a href="javascript:open_window('ファイル名.html')">・・の箇所を、 open_window('大きく表示する画像のファイル名.jpg')・・としても、ダメでした。何がしたいかと申し上げますと、（別窓：ウィンドウに）大きく表示させる画像の周辺に余白が発生させないよう、ピッタリと収めさせる別窓にしたいです。【マージンによる多少の余白は可】 ※画像（写真）サイズに合わせて別窓も、そのサイズに開くと言えばお分かりでしょうか？技術者の方・経験者の方からアドバイス等ご教授戴けたら・・と思いますので、宜しくお願いします。
- ベストアンサー
- JavaScript
新しいウィンドウを中央に
以下のソースで出来た新しいウィンドウを画面の中央にもってきたい場合にはどのようにカスタマイズすれば良いのでしょうか？どなたか申し訳御座いませんが、教えて頂けないでしょうか？宜しくお願い致します。 <html> <head> <script language="JavaScript" type="text/JavaScript">  </script> </head> <body> <a href="javascript:;" onClick="MM_openBrWindow('test2.html','test','width=300,height=300')">test</a> </body> </html>
- ベストアンサー
- JavaScript
別窓で画像を表示する場合に余白が…
大量に画像を扱って居るのですが、タイトルをクリックすると、別窓でそれぞれの画像が開く様にしています。サイズは2種類、800*600と1024*768のがあります。それを↓下のようなscriptで行っていますが、どちらのサイズの窓(画像)も、画像の左と上に余白が少し出て、右と下が切れてしまいます。何処が間違っているのでしょうか？　どうすれば、窓のぎりぎり一杯に画像を表示する事ができるでしょうか？どうか、教えて下さい。 ↓ <table width="80%"> <tr> <td> <a href="#" onClick="window.open('../xxx/yyy.jpg','','width=1024,height=768')">グラデーション<font size="1">1024x768</font></a> </td> </tr> <tr> <td> <a href="#" onClick="window.open('../xxx/zzz.jpg','','width=800,height=600')">グラデーション<font size="1">800x600</font></a> </td> </tr> </table> (xxx.yyy.zzzは仮の文字です)
- ベストアンサー
- JavaScript
サブウィンドウ関係のコードの改造
以下に、1、2と二つのHTMがあり、1をベースに、下記の改造をしたいと思います。 (1) 1.htmの小窓を、IEでしか動かないWebページダイアログ（showModelessDialog）でなく、 2.htm にあるような、win.openに変えたいのですが、移植の仕方がわかりません。1.htmをどう書き換えたらいいですか。 (2) 1.htmにあるmyimg.gifの幅(width)を取得して、dialogWidthにセットしたいのですが、その書き方をご教示ください。高さ（height）は、2.htmにある「getScreenHEIGHT()」をそのまんま流用します。 (3) 1.htm に「href="#"」ありますが、「href="javascript:function voi(){};voi()"」などと記述したほうがいいのでしょうか。「voi(){};voi()」なんてどこからコピペしてきたキーワードなのか、自分でもわからないのですが。 1.htm ------------------------ <html> <head> <script> function openKomado(url,winTitle) { var Win=showModelessDialog(url,window, 'center:yes;scroll:no;status:no;help:no;edge:raised;dialogWidth:100px;dialogHeight:100px',winTitle); with (Win.document) { write('<html><head><title>' + winTitle + '</title></head><body>'); write('<img src="' + url + '" onclick="window.close();" alt="閉じる">'); close(); } } </script> </head> <body> <a href="#" onClick="openKomado('myimg.gif','題名')">開く</a> </body> </html> 2.htm ------------------------ <html> <head> <script> function openNewWin(url, name){ window.open(url, name, 'scrollbars=yes,top=0,left='+(getScreenWIDTH()-680)+',width='+680+',height='+(getScreenHEIGHT()+20)); } function getScreenHEIGHT(){ if(!!window.screen){ return screen.height-80; }else{ return null; } } function getScreenWIDTH(){ if(!!window.screen){ return screen.width-12; }else{ return null; } } </script> </head> <body> <a href="#" target="new" onClick="openNewWin('./sample.htm','a'); return false;">開く</a> </body> </html>
- ベストアンサー
- JavaScript
画面の高さを一杯にして新しい窓を開くスクリプトが機能しない
以下は、detail.htmlを新しいウィンドウで開く際、・左上隅に・幅800pxで・ユーザーの画面の高さを取得して、縦一杯に（=getScreenHEIGHT←前に当BBSで教わりました）という条件になっています。これが、ローカルでは思惑通り動きますが、 FTPでサーバーにアップすると、「縦一杯」という指定が効きません。たぶん、「width=800,height=+(getScreenHEIGHT()+20)),top=0,」のあたりのプラス（+）とかクォーテーション（'）の打ち方などに誤りがあるのではないかと思いますが、正しい書き方を教えてください。 <html> <head> <script type="text/javascript"> function getScreenHEIGHT(){ if(!!window.screen){ return screen.height-80; }else{ return null; } } </script> </head> <body> <a href="javascript:void(0);" onclick="window.open('./detail.html','_blank','location=no,menubar=no,scrollbars=yes,resizable=yes,status=no,width=800,height=+(getScreenHEIGHT()+20)),top=0,left=0')">リンク</a> </body> </html>
- ベストアンサー
- JavaScript