リンクページのウインドウサイズ指定時の不具合

このQ&Aのポイント
  • リンクページを指定したウインドウサイズで開くと、一部のPCで最大化ボタンが有効になってしまい、サイズ指定が無効になる不具合が発生します。
  • Win2000、XP、IE6.028での動作確認では指定通りに開くことができました。
  • この不具合は一部のPCのみで発生する可能性があり、ソースコードの修正や対策策が必要です。
回答を見る
  • ベストアンサー

リンクページのウインドウサイズを指定した時の不具合

リンクページを以下のような指定で開こうと思っています。 リンクをはるのは写真で、横3枚並べていて、写真をクリックすると詳細が表示されます。 <A href="#" , onclick="w=window.open('test.html','win1','width=500,height=500,toolbar=yes,location=yes,menubar=yes,scrollbars=yes');w.focus();return false;"> Win2000、XP、IE6.028で動作確認したら、指定どおり開きました。 しかし、ワイド画面のノートPC(XP、IE6.028)で見たら、ウインドウ右上にでる最大化ボタンが有効になってしました。 最大化にして、また次の写真をクリックするとリンクページが最大化になってしまい、サイズ指定が無効になってしまいます。 これは一部のPCのみの不具合なのでしょうか?それともソースがおかしいのでしょうか? 対策等がありましたら教えて下さい。よろしくお願いします。

noname#193383
noname#193383

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

  • ベストアンサー
  • maoo2022
  • ベストアンサー率59% (110/185)
回答No.2

>というを、「サイズ指定で別ウインドウを開く」と書いたほうが適切でした。 :その通りですね^^ 私が普段使っているタグは次のような記述です。 <p><a onclick="window.open(this.href, '_blank', 'width=500,height=500,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://osiete.goo1234/osiete.bmp "><img title="Osiete_Goo_Sample00" height="300" alt="Osiete_Goo_Sample00" src="http://osiete.goo1234/osiete.bmp " width="300" border="0" style="FLOAT: left; MARGIN: 0px 5px 5px 0px" /></a></p> :通常は300Pxで表示して、クリックすると500Pxで表示するするものです。 サイズは全て任意に設定できます。 ※私も数台PCを使用していますが、その中で98系はpiguminさんが言われる最大化(+ボタン)ボタンが出ません。 多分95~2000までが同じような表示をするのではないでしょうか。 :XPから変更されている部分がかなりあると聞きますが、詳細については私も調べたことがないので、なにも記載が出来かねますが、OSによって表示などの方法が異なるのでは?と考えてしまいます。 :参考に: 出典: フリー百科事典『ウィキペディア(Wikipedia)』 {http://ja.wikipedia.org/wiki/Windows_NT%E7%B3%BB} ◇上記の考えを無視して、私の想像ですが、私も数台PCを所有していますが(記載済み)、ワイドタイプ(液晶)と通常モニターとでは、WEBの表示が異なって表示されます。 単純に仕様の違いが原因なのでは、と考えていました^^。 ※回答になっていないようでしたらゴメンナサイ^^;

noname#193383
質問者

お礼

またまたご回答をありがとうございました。こちらでもう少し調査してみます。

その他の回答 (1)

  • maoo2022
  • ベストアンサー率59% (110/185)
回答No.1

>ご指定のタグを試してみましたが、表示できませんでした。 :当方の環境は、XPSp2:IE7:サイトはUTF-8、です。 ※当方の場合次のようなタグになります。 <p><a onclick="window.open(this.href, '_blank', 'width=500,height=500,scrollbars=yes,resizable=no,toolbar=yes,directories=no,location=no,menubar=yes,status=no,left=0,top=0'); return false" href="http://XXXXX/YYYYY.bmp"><img title="goo00" height="400" alt="rgoo00" src="http://XXXXX/YYYYY.bmp" width="400" border="0" style="FLOAT: left; MARGIN: 0px 5px 5px 0px" /></a></p> ◇参考にしていただければ幸いです。

noname#193383
質問者

補足

早速の回答ありがとうございました。 こちらもXPSP2でIE7をダウンロードして動作確認しました。 問題なく表示できました。ただ、maoo2022さんのタグでも最大化ボタンが有効になってしまいました。 >リンクをはるのは写真で、横3枚並べていて、写真をクリックすると詳細が表示されます。 というを、「サイズ指定で別ウインドウを開く」と書いたほうが適切でした。

関連するQ&A

  • リンクページをこのように表示させたい

    前回同様の質問をしましたが、いまだ解決しないので再度質問させていただきます。 こちらのサイトのようなリンクページを作りたいです。 http://www.askul.co.jp/ の右上方にあるアスクルからのお知らせ 07/12/15 サイトを一時停止させていただきました… ↑↑この文字にはってあるリンク↑↑ こちらで、以下のタグを記述して2000(IE6.0)、XP(IE7.0)で動作確認し問題ありませんでした。 ですが、WinXPSP4、IE6.029、ワイド画面で「WindowLiveToolbar」を表示させて動作確認するとサイズ指定が効かない、最大化ボタンが有効になる、という不具合が出ました。 http://www.askul.co.jp/のサイトでは、「WindowLiveToolbar」を表示させても大丈夫でした。原因がお分かりになる方いらっしゃいましたら、教えて下さい。 function Wintest(URL){ var Wintest; Wintest = window.open(URL,"Win1","toolbar=yes,location=yes,menubar=yes,scrollbars=yes, width=820, height=550"); Wintest.focus(); } ===省略===== <A href="javascript:Wintest('xxxxxxx.html')">リンクその1</A> <BR> <A href="javascript:Wintest('zzzzzzz.html')">リンクその2</A>

  • Chromでポップアップウィンドウのサイズ指定

    現在以下のような指定でポップアップウィンドウを開いているのですが Chromの場合、サイズ指定が無視されてしまいます。 良い方法ございましたら、ご教授いただけますでしょうか。 var subopen function subWinmap(){ subopen=window.open("map.html","map","resizable=yes,scrollbars=yes,menubar=yes,toolbar=no,directories=no,status=no,location=yes,width=700,height=800px"); if (!subopen.opener) subopen.opener=self; if (window.focus) subopen.focus(); }

  • 指定のウインドウを手前に(続き)

    さきほどの続きです。 すみません。 ネスケ4.7では思ったとおりに動くのですが、 IE5だと focus() がうまく動きません。 function OpenWin(page){ var src = page + ".html"; w=window.open((src),'NewWin','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,width=300,height=600'); w.focus(); } としています。 何か書き方おかしいでしょうか。 よろしくお願いします。

  • ジャバスクリプトでウィンドウサイズ指定を複数

    ご覧いただきありがとうございます。 ネットで調べながら独学でジャバスクリプトの設置をしております。 色々ためしたのですが解決できないのでご教授願います。 ウィンドウサイズを指定して新しいウィンドウを開くジャバスクリプトのリンクを、異なる条件で同じページに複数指定することはできるでしょうか。 同ページ内にあるAのリンクはサイズ400×300で、Bのリンクは600×500といった具合にです。 自分なりに考えてみて下記のように記述してみましたが、BのリンクにもAが適用されてしまいました。 ■head内の記述 <head> <script language="JavaScript"> <!-- function wopen1(){ win=window.open("リンクAのURL","new","width=400,height=300","resizable=no","scrollbars=no","menubar=no","toolbar=no","directories=no","status=no","left=100","top=100","screenX=100","screenY=100"); win.moveTo(100,100); } // --> </script> <script language="JavaScript"> <!-- function wopen2(){ win=window.open("リンクBのURL","new","width=600,height=500","resizable=yes","scrollbars=yes","menubar=no","toolbar=no","directories=no","status=no","left=100","top=100","screenX=100","screenY=100"); win.moveTo(100,100); } // --> </script> </head> ■リンク箇所の記述 <a href="javascript:wopen1()">リンクAのテキスト</a> <a href="javascript:wopen2()">リンクBのテキスト</a> head内の記述をひとつだけにすると正常に動作するので、head内の記述が間違っていると思うのですが、よくわかりません。ご教授おねがいいたします。

  • 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
  • IE6の仕様?Windowsをポップアップで開く時にtoolbar=yes titlebar=yesなどの設定が何故こうなるの!?

    IE3.02以上で動くASPを開発しています。 Windows2000 IIS5.0 を使用しています。 ASPの使用言語はVBScript。 window.open("test.html","test","width=200,height=200") という記述があったとすると、 IE3,4,5では普通にそのサイズのウィンドウが開き、 toolbarもmenubarもlocationbarもない画面が開かれます。 ここまでは、IE6でも同じみたいなのですが、 なぜか、IE6だとその開いた画面の最大化ボタンが使えません。灰色になって押せなくなっています。 それは、サイズ指定で開いたからなのかもしれませんが、 IE3,4,5では最大化ボタンは何もしなくても使えます。 また、開いたウィンドウのサイズを変更(リサイズ)することも可能です。特にresizable=yesの指定をしなくてもです。 ところが、IE6の場合のみresizable=yesを明示的に 指定してやらないと、最大化ボタンが使えません。 また、サイズを変更することもできません。 これは仕様なのでしょうか?IE6から仕様が 変わったということなのでしょうか?困っています。 どなたか教えてください。 width=380,height=680,scrollbars=yes,titlebar=yes,resizable=yes,location=yes,directories=yes,status=yes,toolbar=yes

    • ベストアンサー
    • HTML
  • 外部サーバへリンク 別ウィンドウの最大化表示

    別ウィンドウ表示指定のリンク先を最大化で開きたいので、下記のように書いてみましたが、うまく動作しません。 <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のエラーになり、新規ウィンドウも最大化になりません。 リンク先が絶対指定でも、別ウィンドウを最大化にできる記述方法を教えてください。

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

    ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 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')">

  • フォームの組み合わせでリンク先を指定する方法

    4つの項目から選択して、テキストフィールドに入力した番号の組み合わせでダイレクトに詳細のページに飛ぶようにしたいのですが、 初心者のためにつまずいてしまいました。よろしくお願いします。 <SCRIPT language="JavaScript"> <!-- function setData(txt) { document.pass.word.value = txt; } function PassLink(){ PassWord=document.pass.word.value; check = /()/; if (!PassWord.match(check == /ri/)) window.open("http://www.●.co.jp/1r/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); else if (!PassWord.match(check == /rk/)) window.open("http://www.●.co.jp/member/1r/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); else if (!PassWord.match(check == /pi/)) window.open("http://www.●.co.jp/ap/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); else window.open("http://www.●.co.jp/member/ap/"+PassWord+"/"+PassWord+".html", "","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes"); } // --> </SCRIPT> <FORM name="pass"> <select onChange="setData(this[this.selectedIndex].value)"> <option value="ri">RI</option> <option value="rk">RK</option> <option value="pi">PI</option> <option value="pk">PK</option> </select> <INPUT type="text" name="word" size="9" value="a" maxlength="9"> <input type="button" value=" 検 索 " onClick="PassLink()" name="button"> </FORM> どなたかお詳しい方、助けていただけないでしょうか。 よろしくお願いいたします。

  • 親ウィンドウがページ先頭にもどってしまいます

    HTMLでホームページ作成作業をしています。 各所でページ内容の詳細を小ウィンドウで表示させるようにしているのですが、小ウィンドウが開くとクリックしたもとの親ウィンドウがページの先頭まで戻ってしまいます。クリックしても親ページが動かない方法がありましたらご教授願います。ちなみにタグはこんな感じです。宜しくお願いします。 <a href="#" onClick="window.open('photo001.html','','width=630,height=450,menubar=no,resizable=yes,scrollbars=yes,status=no,');">写真あり</a>

    • ベストアンサー
    • HTML