• 締切済み

中央に小窓表示

とあるサイトで中央に小窓表示JavaScriptを使用し Another HTML-lint gatewayで文法チェックしたら XHTMLでは <SCRIPT> や <STYLE> の内容が #PCDATA です。コメントはコメントとして解釈されてしまうので、旧来のテクニックは使えません。外部にスクリプトファイルやスタイルファイルを用意するようにしましょう。 とでました 下記のJavaScriptを外部形式にするにはxxx.jsに書くところまではわかりましたが書き方がわかりませんどこを変更したらいいのでしょうか <script type="text/javascript"><!-- function m_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> よろしくお願いします

みんなの回答

回答No.1

hoge.jsには、javascriptの中身だけを書きます function m_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); }

関連するQ&A

  • ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい

    過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。 ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。(下記参照) <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> ただ複数あるリンクをクリックすると、ポップアップウィンドウも次々増えてしまうのを、常にひとつのウインドウ上に表示させることができません。 どうぞご指南よろしくお願いします!

  • 親htmlから小画面を表示させる方法

    親htmlのクリックで、jpg小画面を多数表示させるJavaScriptで悩んでいます。 どなたかの知識で、お助けください。 http://amenti.usamimi.info/windowopen.html にあるものを応用しました。<body><div><table>の<tr><td>部に横に並べた4個のサムネイルのjpg画像に、jpg元画像へのリンク指示をしています。 ■問題点 1. 最初のサムネイルをクリックすると、jpg元画像と「ファイルが見つかりませんでした」のエラーメッセージも同時に出る。 2. 2番目のサムネイルをクリックしても、最初と同じjpgを表示してしまう。3/4番目は正常に表示する。 ■記述状態 1. <head>~</head>部は、~windowopen.htmlにある記述をそのまま移しました。以下です。 <script type="text/javascript"> <!-- function m_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> 2. <body><div><table>の<tr><td>部に横に並べた4個のサムネイルのjpg画像に、リンク指示をしています。~windowopen.htmlにある記述を少し変えただけです。以下です。 (style 記述省略) <a href="album/aaaa.jpg" onclick="m_win(this.href,null,656,496); return false;"> <img src="album/aaaa_thumb.jpg" width="120" border="0" alt="ああああ"></a> <a href="album/bbbb.jpg" onclick="m_win(this.href,null,656,496); return false;"> <img src="album/bbbb_thumb.jpg" width="120" alt="いいいい"></a> <a href="album/cccc.jpg" onclick="m_win(this.href,null,656,496); return false;"> <img src="album/cccc_thumb.jpg" width="120" alt="うううう"></a> <a href="album/dddd.jpg" onclick="m_win(this.href,null,656,496); return false;"> <img src="album/dddd_thumb.jpg" width="120" alt="うううう"></a> ■変更点と疑問 1. ~windowopen.htmlでは、<a href="~"は、htmlですが、上記では直接jpgになっています。 2. onclick="m_win(this.href,null,656,496); return false;" 文は、オリジナルは第1のリンクが、 具体名ですが、上記ではすべて null にしました。 変更点が少ないのにエラーが出て困っています。 小画面の表示される位置など、自分にとってジャストなJavaScriptなので、何とかこれをきちんと使い たいので、どこが悪いか教えてください。

  • 小窓を開くJSで、高さを調節して表示位置も画面の右端にしたい(2)

    昨日質問した http://oshiete1.goo.ne.jp/kotaeru.php3?q=1919765 の続きなのですが、文末サンプルの5行目(window.opem・・・)の改造について (1) status=yesをnoにすると、高さがステータスバー分空洞になってしまいます。 (2) 幅を%でなく、固定値(例:200px)にしたいと、 window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenWIDTH()-200+',width=200,height='+getScreenHEIGHT()); としてみましたら、今後は変なところに窓が表示されてしまいます。 (1) (2) を解決するため、私の解釈はどこが誤っていますでしょうか。 <html> <head> <script language="javascript" type="text/javascript"> function openNewWin(url, name){ window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenWIDTH()*0.7+',width='+getScreenWIDTH()*0.3+',height='+getScreenHEIGHT()); } //スクリーンサイズから画面サイズ取得(高さ) function getScreenHEIGHT(){ if(!!window.screen){ //N4,N6,Moz,IE,共用 return screen.height-80; }else{ //上記以外 return null; } } //スクリーンサイズから画面サイズ取得(幅) function getScreenWIDTH(){ if(!!window.screen){ //N4,N6,Moz,IE,共用 return screen.width-12; }else{ //上記以外 return null; } } </script> </head> <body> <a href="#" target="new" onClick="openNewWin('komado.html','a'); return false;"> 小窓を開く </a> </body> </html>

  • ブラウザサイズをフルサイズで表示させる方法

    ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 XPはOKで、WIN98でうまくいきませんでした。リンク先をクリックすると別ウィンドウが立ち上がる仕組みです。画面サイズに合わせて変わるようなのですが、WIN98では、スクロールバーが途中で切れてしまい、 一番下まで、綺麗に表示できませんでした。これ以外の方法でもかまいませんので、どなたかご伝授いただければと思います。 function wopen(url){ if(screen.width <= 640){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=640,height=480,left=0,top=0") }elseif(screen.width <= 800){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=800,height=600,left=0,top=0") }else if(screen.width <= 1024){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1024,height=768,left=0,top=0") }else if(screen.width <= 1152){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1152,height=864,left=0,top=0") }else if(screen.width <= 1280){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1280,height=1024,left=0,top=0") }else{ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1600,height=1240,left=0,top=0") } return; } : <A href="javascript:wopen('/index.html')">

  • 小窓の表示方法について

    W=612,H=842の画像ファイルがあります。小窓を表示して、縦スクロールで表示させたいのですが、縦サイズを画像のサイズより小さくすると、縮小表示されてしまいます。(スクロールバーも出ません) 縮小表示されると、文字がつぶれてしまって、困っています。なにかいい方法はないでしょうか? よろしくお願いします。 ****以下ソースです**** <SCRIPT language="JavaScript"> <!-- function mado2(){ window.open("filename.jpg","new","width=612,height=700,scrollbars=yes,resizable=no",align="center"); } // --> </SCRIPT> ****ここまで*******

  • 小窓を開きたい

    素人なので質問もきちんと出来ているかわからないのですが、よろしくお願いします。 HPトップページを開くと小窓(New Window)が開くようにしたいのです。 TopPageはフレームで分かれていて、どの部分に書き込めばプログラムが実行されるのかがわかりません。 小窓の大きさは、下記に示したように小さなものでよいのです。 <script Language="JavaScript"><!-- function newWin(){ window.open("開きたいファイルのアドレス","","width=196,height=176","scrollbars=no","location=no","menubar=no"); } //--></script>  これを<a href でプログラムを開くようなアドバイスがありましたが、どのようなことなのでしょうか?

  • 画面の高さを一杯にして新しい窓を開くスクリプトが機能しない

    以下は、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>

  • 小窓を開くにはどうしたらいいのでしょうか?

    Dreamweaverでサイトを作成中なのですが、 親サイトでこのように <form name="form1"method="post"action="http://www.xxx.com/cgi-bin/○○○.cgi"> <input type="submit" name="submit" value="▲▲▲"onClick="MM_openBrWindow('http://http://www.xxx.com/cgi-bin/○○○.cgi,'','scrollbars=no,resizable=yes,width=500,height=600')"> </form> 設定し、小窓でcgiの結果を出したいのですが、 小窓が開かず、そのまま画面が変わってしまいます。 ちなみにheadにも <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script>としています。 今日午前からずっと色々試行錯誤しながら、 チャレンジしてみましたが、どうしても 原因が分かりません。 どなたか教えて下さい。

  • 画像の小窓表示について

    サムネイルの画像をクリックすると画像の小窓が表示されるようにしたのですが縦長の画像と横長の画像が有るため縦長の画像の右側に余白が出てしまい見栄えが良くありません。画像の周りの白い淵をなくしたいのですが下記のタグをどのように修正すれば良いのでしょうか。 ご指導の程よろしくお願いします。早々 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank','width=500,height=400,left=600,top=50,screenX=600,screenY50,scrollbars=yes'); } } //--> </SCRIPT></HEAD>

  • 小窓が見れない

    マック・ネスケープの環境の方から指摘を受けました。 <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("*****.html","window1","WIDTH=500,HEIGHT=400"); } </SCRIPT> <BODY> <A HREF="javascript: openWindow1()"><IMG src="../images/*****.gif" width="60" height="25"> </BODY> 上記のタグで、各10ほど(openWindow1~openWindow10)小窓を出せるようにしています。 IE&Windowsでは問題無く表示されます。 見れるようにする方法はあるのでしょうか? 説明・勉強不足かもしれませんが、宜しくお願いします。

専門家に質問してみよう