• ベストアンサー

子ウィンドウでウィンドウサイズ固定にしてtarget=

HPを作っていて親ウィンドウに↓のように <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ~略~ <a href="dougu/keito.html" target="_blank" onClick="Javascript:winopen('dougu/keito.html');return false;"><img src="img/item-keito10.gif" width="50" height="38" border="0"> ウィンドウサイズを固定してtarget="_blank"で開いてさらにその子ウィンドウでも同じようにリンクを張って <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ~略~ <a href="../wash.html" target="_blank" class="style1" onClick="Javascript:winopen('../wash.html');return false;">こちら</a> とtarget="_blank"でウィンドウサイズを固定しして開きたいのですが同じウィンドウで開いてしまいます。 説明の仕方が分かりづらくてすみません。分からないようでしたら補足いたします。

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

  • ベストアンサー
  • taseki
  • ベストアンサー率66% (155/233)
回答No.2

window.open(url,"host",~ というのは、「host」と名付けられたウィンドウに指定のURLを表示する、もし「host」が見つからなければ、新規に開いて「host」と名付ける、という意味になります。 なので、2度目に同じ名前が指定されているので、同じウィンドウが指定されます。 子ウィンドウの方は、 window.open(url,"host2",~ など別の名前にすればいいと思います。

hinotori102
質問者

お礼

さっそくhost2にしてみたら出来ました!ありがとうございました。

その他の回答 (1)

  • ttyp03
  • ベストアンサー率28% (277/960)
回答No.1

aタグに_blankを指定するのではなくwindow.openメソッドに指定します。 現在 host と書かれているところを _blank にすればよろしいかと。 aタグの方は onClick 内で return false をしているので実質動いていません。 あまり深く質問内容を見ていませんので間違ってたらすみません。

hinotori102
質問者

お礼

アドバイスありがとうございます!子の方のhostの部分をhost2にしてみたらできました。ttyp03さんの言われるやり方も試してみましたが私の理解不足か出来ませんでしたのでまた挑戦してみたいと思います。

関連するQ&A

  • ウィンドウのリサイズ?

    HPを作成しています。 まず親ウィンドウからサイズ固定の子ウィンドウを別ウィンドウで開きます。そして、子は開いたまま親の別のリンクをクリックして最初に開いていた子のサイズを別の大きさに変えてさらにサイズも最初と違った大きさに固定した状態で開くのは可能なのでしょうか。 <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480");win.window.focus() } //--> </script> ~略~ <a href="dougu/dougu_5bou.html" target="_blank" onClick="Javascript:winopen('dougu/dougu_5bou.html');return false;"> と現在はwinopenをwinopen2、winopen3にしたり hostをhost2にしたりしてウィンドウの開き方をコントロールしています。なので小さいサイズの子ウィンドウを開いたまま同じhost名のリンクをクリックすると大きいサイズにしたいのに 小さいサイズのまま開いてしまいます。 分かりづらかったらすみません。補足します。

  • java scriptで新しいウィンドゥを開く

    クリックすると、アドレスバー等がない新しいウィンドゥで開く…という風にしたいのですが、うまく行きません。 以下のようにやってみたのですが、何処が間違っているのでしょうか? <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=717,height=700"); } //--> </script><FONT size="+1"><B><A href="ブログのアドレス" target="_blank" onclick="Javascript:winopen('ブログのアドレス');return false;">ここをクリック</A></B></FONT>

    • ベストアンサー
    • HTML
  • ホームページビルダーでサイズを指定して新規ウィンドウをだす

    ホームページビルダーVer.10でサイズを指定して新規ウィンドウをだしたいです。 JavaScriptに下記のように記述しました。 すると指定したサイズの新規ウィンドウがでるのですが、 その上にさらに呼び出しもとのウィンドウもでてしまいます。 新規ウィンドウだけをだすためにはどうしたらよいでしょうか? ご存知の方がおりましたら教えてください。 よろしくお願いいたします。 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank','width=600 height=500,scrollbars=yes'); } } //--> </SCRIPT>

  • 小さなウインドウで。

    <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 // _HpbJumpURLinNewWindow: 新規ウィンドウを開いて指定したURLにジャンプします。 // function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"scrollbars=1,width=500,height=400"); } } //--> </SCRIPT> と今は書き込んであるのですが、ここから よく様々なサイトで見かけるような 真ん中に必ず小さなウインドウが来るようにするには どのように書き込めば良いのでしょうか? 教えてください。僕のはHPビルダー2001です。 それとこれはNNやIEのどれにも対応しているのでしょうか?

  • 複数ある小窓のサイズ。

    今、HPビルダーのイベントで↓の様にしてあるんですが、 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 // _HpbJumpURLinNewWindow: 新規ウィンドウを開いて指定したURLにジャンプします。 // function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"scrollbars=1,width=710,height=430,top=150, left=200"); } } //--> </SCRIPT> がスクリプト部分でリンクしたい部分を <A onclick="_HpbJumpURLinNewWindow('http://~○○.cgi');" href="#">update</A> といった様に書いてあるのですが、 今メニュー全てがクリックすると同じサイズの小窓 で開くようになっています。それで一つだけ他のと 小窓のサイズを変えたいんですが、 その場合、どう書けばよいのでしょうか?

  • 子ウィンドウから子ウィンドウ

    子ウィンドウから文字をクリックして、 同じ大きさの子ウィンドウを開かせたいのですが、 下記のJavaScriptでは子ウィンドウが開きません。 子ウィンドウから子ウィンドウを開かせるには どのようにしたらいいのでしょうか? ご回答宜しくお願い致します。 head内は、 <script type="text/javascript"><!-- function subwin(file){ window.open(file,"subwin","resizable=1, width=600, height=500, scrollbars=yes"); } //--></script> body内の呼び出し部分は、 <a href="ファイルのURL" onclick="subwin('ファイルのURL'); return false;">

  • 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>内 には 具体的にどのように記述したらよいものでしょうか?

  • サブウィンドウを表示させたいのですが・・・

    こんにちわ。 ちょっとした(といっても、ワード文書1ページ分)説明をサブウィンドウで表示させたいのですが、 できません。 以下がソースです。 <メインウィンドウ> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function winOpen(winName,url,W,H){ //サブウインドウオープン var WinD11=window.open(url,winName,'scrollbars=1,width='+W+',height='+H+''); WinD11.document.close() } //--> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('','link1.html',400,200)"> この文字をクリックすると説明ウインドウ1が開きます </A> </BODY> 何が間違ってるのかご指導いただけないでしょうか? よろしくお願いいたします。m(__)m

  • 新しい子ウィンドウを開くと古い子ウィンドウのすぐ上に表示されるようにしたい。

    Javascript初心者です。わかりやすく具体的に教えてください。 親ウィンドウから画像1、画像2にリンクを張り、それぞれ子ウィンドウとして開きます。 現在はつぎのようにしています。 <script type="type/javascript"> function wopen1{ window.open('画像1のURL','new1',scrollbars=no,resizable=no,width=420,height=280');} function wopen2{ window.open('画像2のURL','new2',scrollbars=no,resizable=no,width=300,height=450');} </script> <body> <a href="#" onClick="wopen1()">画像1</a> <a href="#" onClick="wopen2()">画像2</a> </body> これだと画像1を開いた後に画像2を開くと階層的(レイヤー的?)に上から順に「画像2の子ウィンドウ>親ウィンドウ>画像1の子ウィンドウ」と表示されます。 これを「画像2の子ウィンドウ>画像1の子ウィンドウ>親ウィンドウ」の順で表示されるようにしたい。 また、画像2を開いた後に画像1を開く場合は同様に「画像1の子ウィンドウ>画像2の子ウィンドウ>親ウィンドウ」となるようにしたい。 どうしたらよいでしょうか? よろしくお願いします。

  • 「ブラウザのツールバー・メニューを消す」のステータスバー

    http://www.broadband-xp.com/hidesource/windowopen.html 上記サイトのツールバーなどを消すタグを使ったのですが、文字などが下の方にあるのに何故かインターネット上にアップした状態だとHTMLのスクロールバーが表示されません。 パソコン内にある状態でHTMLを見ると何故かスクロールバーはちゃんと表示されます。 どうすればインターネット上でスクロールバーが表示されるようになるのでしょうか?。 使用したのは以下のタグです(ツールバーやサイズ指定以外は特にいじってはいない状態で使用しています) <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ---------------------------------------------------------- <a href="#" onClick="Javascript:window.open('index.html','hoge','status=1,toolbar=1,scrollbars=1,width=500,height=500,location=1,menubar=1,directories=1,resizable=1');return false;">ここをクリック</a>

専門家に質問してみよう