- 締切済み
複数のウィンドウを開く方法
javascriptが良くわかりません。 以下のソースで、レシピAをクリックすると別ウィンドウ（picture_a.html）、Bをクリックすると別ウィンドウ（picture_b.htmlというように設定したいのですが、レシピAをクリックしても、レシピBをクリックしても（picture_a.html）しか表示されません。 どこの記述が間違っているか、ご存知の方教えてください。 ---------------- <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> ---------------- <body> <a href="picture_a.html" onClick="MM_openBrWindow('picture_a.html','picture_a,'scrollbars=yes, width=500,height=500');return false;"> <p><img src="img/recipe_a.jpg" alt="レシピA" border="0"><br> <br> レシピA</p> </a> <a href="picture_b.html" onClick="MM_openBrWindow('picture_b.html','picture_b,'scrollbars=yes, width=500,height=500');return false;"> <p><img src="img/recipe_a.jpg" alt="レシピB" border="0"><br> <br>レシピB</p></a> </body> ---------------
- kuriko2009
- お礼率100% (1/1)
- ネットトラブル
- 回答数1
- ありがとう数4
- みんなの回答 （1）
- 専門家の回答
みんなの回答
<p><img src="img/recipe_a.jpg" alt="レシピB" border="0"><br> この img/recipe_a.jpg は意図的なのですか？ 本当は、img/recipe_b.jpg のイメージを使う訳ではないのですか？ picture_a.html でも picture_b.html でも、img/recipe_a.jpg を共用しているけど‥ 常に img/recipe_a.jpg を使っている事で、実際にはＡとして、又はＢとして各々のウィンドウを表示しているのに、Ａのウィンドウだけが表示されてしまうと勘違いしていませんか？
関連するQ&A
- ポップアップウインドウが立ち上がる時にスクロールしないでほしい方法
JavaScriptを使用して画像をクリックしポップアップウインドウを立ち上げると、スクロールして下の方に下がっていた親ウインドウは、なぜかまたページのトップへズズズいと勝手にあがっています。 Ｍａｃでは確認されませんが、ウインドウズだと、その現象がおこるようです。 コードは以下のようになっています。 <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> で、クリックする画像についているコードは以下。 <a href="#" onClick="MM_openBrWindow('toiawase_a/a_01.html','answer','scrollbars=yes,width=550,height=200')"><img src="img/toiawase/A.gif" width="20" height="20" alt="こたえ" border="0"></a> なお、当方の環境はＭａｃOS9.1でエクスプローラー5、作成アプリはDreamweaver4です。 親ウインドウが下の方にスクロールしている状態のままポップアップウインドウを開く方法は何かないでしょうか？ よろしく御教授くださいますよう、お願いします。
- ベストアンサー
- JavaScript
- サブウィンドウの親の位置
こんにちわ。 メインウィンドウから、サブウィンドウを開くようになっています。 メインウィンドウが縦に長く（文章量が多い）、下の方のリンクでサブウィンドウを開いたときに、メインウィンドウの画面がページの上の方に移ってしまいます。 クリックした場所を維持したいのですが、調べてみたのですが、やり方がわかりません。 すみませんが、よろしくお願いします。 <script> <!-- function MM_openBrWindow(theURL,winName,features) { window.open(theURL,winName,features); } //--> </script> ▼メイン・リンク部分 <a href="#" onClick="MM_openBrWindow('info.html#1','info','width=380,height=500,scrollbars=yes,resizable=yes')">※1</a>
- ベストアンサー
- JavaScript
- 新しいウィンドウを中央に
以下のソースで出来た新しいウィンドウを 画面の中央にもってきたい場合にはどのよう にカスタマイズすれば良いのでしょうか？ どなたか申し訳御座いませんが、 教えて頂けないでしょうか？ 宜しくお願い致します。 <html> <head> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> </head> <body> <a href="javascript:;" onClick="MM_openBrWindow('test2.html','test','width=300,height=300')">test</a> </body> </html>
- ベストアンサー
- JavaScript
- onclickで画面が固まる・・・らしいのですが
サイトを制作していて、 headに、 <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> 画像に、 <a href="javascript:;" onClick="MM_openBrWindow('img/001.jpg','','width=420,height=320')"><img src="img/001-s.jpg" alt="" width="110" height="110" border="0"></a> として、ポップアップするようにして、いくつかサムネイル画像を並べているのですが、 友人に見てもらったところ、２～３枚クリックすると、画面が固まって画面の左下の青いスペースに「ページでエラーが発生しました」とでるそうなんです。 パソコンはこの春に買ったノートパソコン（vista）みたいなんですが・・。 Vistaを使ったことがないのでわからないのですが、そんな症状はでるのでしょうか。 他の友人からはそんなことは言われてないのですが、そもそも私の書き方が間違えている？？？
- ベストアンサー
- JavaScript
- 指がでてきません
初めてJavaScriptを使って、画像・テキストをクリックしたら別ウィンドが開くようにしました。 大きさを整えたりスクロールを出したり、苦戦しやっとできたのですが、 OnMouseの時にポイントが「指」に変化しません。 「矢印」のままなので、HPを見た人はそこから別の所へリンクしていることが分からないのです。 比較するものがないのでどこをどう調べたらよいか見当がつかないのですが、どなたかヒントをいただけませんか？ （参考までに載せてみます） <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> －－－本文中－－－ <img src="img/××.jpg" width="100" height="100" border="0" onMouseDown="MM_openBrWindow('××.htm','××','scrollbars=auto,resizable=auto,width=350,height=420')">
- ベストアンサー
- JavaScript
- Javascript ポップアップウィンドウについて
初歩的なことだとは思いますが、教えてください。 ポップアップウィンドウで画像を表示するためのリンクを以下のように記述して使っていますが、 ポップアップウィンドウ内に余白が出ます。（ウインドウ枠と画像の間） ウインドウの左上（0,0）の位置に画像を持ってくるにはどうしたらいいのでしょうか。 調べたものをいくつか試してみましたが、どれもうまくいきませんでした。 よろしくお願いします。 -------------------- ■<head>内 <script type="text/javascript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> ■<body>内 <a href="img/test.gif"><img alt="" src="～.gif" onclick="MM_openBrWindow('img/test.gif','test','scrollbars=yes,width=950,height=400')" /> </a> ------------------------- もしくは、 ■<head>内 <script type="text/javascript"> <!-- function WindowOpen_01(){ window.open('test.gif','test','scrollbars=yes,width=1150,height=350,left=0,top=0'); } //--> </script> ■<body>内 <a href="javascript:WindowOpen_01()"><img src="img/table_off.gif" alt="" width="320" height="55" class="mar_t_10" onmouseover="this.src='img/table_ban_on.gif'" onmouseout="this.src='img/table_off.gif'" /></a>
- ベストアンサー
- JavaScript
- 関数名について
function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } 上記のように「MM_*****」のような関数名のスクリプトをたまに見かけますが、 これはどこかで公開されているものなのですか？ 公開されているのならＵＲＬを教えてください。
- ベストアンサー
- JavaScript
- JavaScript:メインページからサブウィンドウページを遷移させる際
メインページにボタン画像3つを配置して、それぞれからサブウィンドウを任意のサイズで開こうとしています。サブウィンドウの中身はそれぞれ別のものですが、サイズは同じなのでサブウィンドウ内でwinNameを同一にして、遷移させようとしています。ただ、遷移自体はうまくいくのですが、最初のクリックでサブウィンドウはメインウィンドウより前にでますが、そのまま２つ目のボタンで遷移させようとするとサブウィンドウはメインウィンドウの後ろにいってしまいます。どうしたら、サブウィンドウを絶えずアクティブにできるのでしょうか。 メインぺージのＪＳにwindow.focus();をいれたり、サブウィンドウのbodyにonBlur="focus()"をいれたり、サブウィンドウのＪＳにwindow.focus();をいれてもうまくいきませんでした。 どうぞよろしくお願いいたします。 メインページのＪＳ <script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> ボタン画像のＪＳ Ａボタン：<A href="javascript:void(0); " onClick="MM_openBrWindow('a.html','LA','width=320,height=255')"><IMG SRC="images/t_large.jpg" ALT="Large" WIDTH="120" HEIGHT="28" VSPACE="5" border="0"></A> Bボタン：<A HREF="javascript:void(0); " onClick="MM_openBrWindow('b.html','LA','width=320,height=255')"><IMG SRC="images/t_large.jpg" ALT="Large" WIDTH="120" HEIGHT="28" VSPACE="5" BORDER="0"></A>
- ベストアンサー
- その他（インターネット・Webサービス）
- JavaScriptを使用したページなのですが
JavaScriptを使って窓サイズ指定のwindowを開くページなのですが、 私のPCでは問題なく開けるのですが他の人のPCでは見れないという指摘を頂きました。 私が見ている環境はIE6・WindowsXP・セキュリティレベル中です。製作ソフトはDreamWeaverを使っています。 他の人の環境がいまいちよく分からないのですがJavaを使ったらどういった環境の人が見れなくなるのでしょうか？ ちなみにそのページで使用したタグは <script language="JavaScript" type="text/JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> が<head></head>に入っており<body></body> には <a href="javascript:;" onClick="MM_openBrWindow(profile.htm','prowin','scrollbars=yes,width=600px,height=600px')">です。 よろしくお願いします。
- ベストアンサー
- ネットワーク
- スワップイメージとウィンドウオープンのエラー
javaスクリプト初心者です。 スワップイメージのあるページで、 新しいウィンドウをjavaスクリプトでオープンした後に、スワップイメージのエラーで表示されません。 ローカルではこの現象は起きないのですが、サーバーへアップするとこの現象が見られます。 なぜだか全然分かりません。 ソースは以下の通りです。 function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } ・・・ ＊＊＊＊＊スワップイメージ＊＊＊＊＊＊＊＊＊＊ <a href="javascript:;" onMouseUp="MM_swapImage('img','','img/***.jpg',1)"><img src="img/---.jpg" alt="●●" name="img01" width="100" height="150" border="0"></a> ＊＊＊＊＊ウィンドウオープン（複数あります）＊＊＊＊＊ <a href="#" onClick="MM_openBrWindow('../abc.html','ABC','menubar=yes,scrollbars=yes,width=596,height=700')">ABCへのリンク</a> <a href="#" onClick="MM_openBrWindow('../def.html','DEF','menubar=yes,scrollbars=yes,width=596,height=700')">DEFへのリンク</a> ＤＷ2004ＭＸのビヘイビアパネルから制作しました。 私の書き方が悪いのでしょうか？ よろしくお願いいたします。
- 締切済み
- JavaScript
お礼
ご回答、ありがとうございました。 画像は同じでもファイル名やタイトルを変えているので、 質問をした時は、ウィンドウタイトルを見ても同じpicture_a.html しか表示されず、変だったのです。 ところが先ほど、再度リンク元のhtmlファイルとリンク先のhtmlファイルを修正し、アップロードした所、解消されました。 ブラウザの履歴をクリアしたのが良かったのか、何かちょっとした記述の誤りなのかわかりませんが、解決しました。
補足
まだ作成途中でレイアウトを先行しているので、 picture_b.html でもimg/recipe_a.jpg を共用しています。