• 締切済み

htmlでHP作成・1つのページに複数の小窓を出すには・・・

メモ帳を使い、タグを打ち込んでHPを作っています。 1つのページに3つのリンク元を置いて、それぞれ違う 小窓が出るようにしたいのですが、やってみたら 全部同じ小窓が出てしまいます。何度やっても直りません。 打ち込んだタグはこれです。(<BODY></BODY>内に) 同じタグを、リンク先のURLとリンク元の文を変えただけで3つ続けて書き込みました。 これだと、どのリンク元を押しても3つめの小窓が開いてしまいます。 ちゃんと個々の小窓が開くようにするにはどうすればいいのでしょうか??教えてください!! <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("1つめ.html","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500"); } --> </SCRIPT><A href="javascript:subWin1();" STYLE="text-decoration:none" title="" onfocus="this.blur()"><font color=gold size="1" face="verdana"onMouseOver="this.style.color='red'" onMouseOut="this.style.color = 'GOLD'">1つめリンク元</font></a>

みんなの回答

noname#35109
noname#35109
回答No.3

1つめしか書かれていないのでよくわかりませんが, <SCRIPT LANGUAGE="JavaScript"> function subWin1(){ window.open("1つめ.html","window1","WIDTH=300,HEIGHT=150,left=10,top=10"); window.open("2つめ.html","window2","WIDTH=300,HEIGHT=150,left=110,top=110"); window.open("3つめ.html","window3","WIDTH=300,HEIGHT=150,left=210,top=210"); } </SCRIPT> <a href="javascript:subWin1()">開きます×3</font></a> というのでうまく行きますよ。 ところで,見る側がWindowsの場合やツールバーを入れている場合,ポップアップのブロックとかで複数窓開かないことが多々あるので,そこらへんは使う時に配慮しておいた方が良いと思います。

  • rightegg
  • ベストアンサー率41% (1357/3236)
回答No.2

こんにちは。 ファンクション名は変えてますよね?そうしないと同じファンクションを呼び出していることになりますから。 また、少し気になるのがAタグの直前にファンクションを置いていること。 それじゃああまりファンクションの意味がありません。 ファンクションはHEADタグ(つまり冒頭)や外部jsファイルに書いておいて、本文中で簡単に呼び出せるというのが利点。 さらに言えば、3回似たようなファンクションを書くくらいなら、 function subWin1(url){ window.open(url,"window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500"); } という感じでリンク先を可変にし、 リンク元でsubWin1("1つめ.html")とすれば、ひとつのファンクションで3つそれぞれのリンクが機能します。 *3つ同時に開けるようにするには、window2の部分も可変にすれば良いだけです。

noname#198951
noname#198951
回答No.1

Scriptは読んでませんがフレーム分けしているならTARGETでどのフレーム内を 書き換えるかという指定が間違っているのではないでしょうか?

参考URL:
http://www.tohoho-web.com/www.htm

関連するQ&A

  • 小窓について。

    現在、クリックすると小窓が開くようにして注意事項等を表示しています。 サイト内で小窓が3カ所あり、全てサイズが違います。 私は開いた小窓を閉じて次のアクションをおこすので気付かなかったのですが、 どうやら開いた小窓をそのままで次のアクションをおこし別の小窓を開く人には「見えない」(実際には開いているけれど、元々のページの下に隠れている。&小窓のサイズが最初に開いた小窓のままで次に開いた小窓の内容とはサイズが合ってない)という事です。 現在使用中のタグは以下のものです。 どのように訂正すれば快適に表示することができるのでしょうか。 =HEAD内= <script type="text/javascript"> <!-- function subwin1(){window.open('△△.htm','miniwin', 'resizable=no,menubar=no,status=no,location=no,scrollbars=yes,toolbar=no,width=430,height=620');} --> </script> =BODY内= <A href="javascript:subwin1()"> 過去ログをどのように調べたらいいかわからなかった(適切な検索語句がわからない)ので新しく質問しました。 もし過去に同じような質問があれば、リンクを張っていただくだけでも構いません。 お手数おかけしますが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • 別窓についての質問です。

    別窓の開くJavaScriptは分かるのですが、 別窓を多く開く方法が分かりません (1)大きめの窓で開きたい (2)小さめの窓で開きたい (↑サイズ指定をして) という場合、別窓を共有(?)する形になってしまい、 (1)を開いたまま、(2)を開こうとすると、 (1)の大きさの窓なので、 (2)のページを開くと余白ができてしまいます。 <HEAD>~</HEAD>内に <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("★★★","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500,left=10,top=10"); } --> </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)共、この書き方をしているのですが… ご意見お待ちしています。

  • リンク画像に触れると文字

    ブログに、アイコンをクリックしたら小窓(新しいウインドウ)を出すようにしています。そのアイコン(リンク)に触れると説明文が出るようにするには、どこのタグにどのように入れたらいいのでしょうか? とりあえず、 <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のURL" width="幅" height="高さ" border="0"></A> ↑こういう設定をしています。

  • 小窓の出し方について教えて下さい。(2)

    http://oshiete1.goo.ne.jp/kotaeru.php3?q=568520 先ほどご回答を頂き、小窓の開き方は解決致しました。 ↓ <script type="text/javascript"><!-- function subwin(imgsrc,imgalt){ sub1=window.open("","subwin","width=230,height=160,resizable=1"); sub1.document.open(); sub1.document.write("<html><head><title>"+imgalt+"</title></head>"); sub1.document.write("<body style='margin: 0;'>") sub1.document.write("<img src='"+imgsrc+"' alt='"+imgalt+"'>"); sub1.document.write("</body></html>"); sub1.document.close(); } //--></script> body内の、呼び出し部分は、 <a href="#" onClick="subwin('画像ファイルのURL','画像ファイルの説明'); return false;"><img src="p_1.jpg" border="0" width="70" height="48"></a> が、クリックして開く小窓に表示させるHTMLファイルで開かせたい 画像が同じページにあります。(大きさは横500縦600) もう1つ教えて頂いた↓ <script type="text/javascript"><!-- function subwin(file){ window.open(file,"subwin","resizable=1, width=230, height=160"); } //--></script> 以上をhead内に記述して、呼び出し部分は <a href="#" onClick="subwin('読み出すHTMLファイルのURL'); return false;"><img src="p_1.jpg" border="0" width="70" height="48"></a> のwidth=230, height=160をwidth=500, height=600にして上記ソースに加えると(?) 全部の小窓がwidth=500, height=600になってしまいます。 width=230, height=160の画像で開かせる小窓と width=500, height=600のHTMLで開かせたい小窓を 同じページに加えるには、どうしたらよいのでしょうか? ご回答宜しくお願い致します。

  • 小窓を開きたい

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

  • JAVAスクリプトで「ランダムURL表示・任意のサイズの小窓を出す」と

    JAVAスクリプトで「ランダムURL表示・任意のサイズの小窓を出す」というものを作りたいのですが。 今現在、「ランダムURL表示と、新しい窓を出す」というところまで出来ておりますが、窓のサイズを指定するところでつまずいております。 以下が現在の状況です。 ---------------------------------------------------------------------------------- <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <script type="text/javascript"> var links = ['1.html','5.html','2.html','9.html','1.html','3.html','7.html','10.html','4.html','1.html','6.html','8.html']; function RandomLink() { var Link = links[Math.floor(Math.random() * links.length)]; window.open(Link); } </script> </HEAD> <BODY><A target="_blank" alt="???" onclick="RandomLink();return false;" href="">おみくじ</A></BODY> </HTML> -------------------------------------------------------------------------------- ここから窓のサイズをかえるスクリプト、 例えば -------------------------------------------------------------------------------- <script language="JavaScript"> <!-- function subWin01(){window.open("URL","window1","scrollbars=no,status=no,menubar=no,toolbar=no, resizable=no,width=200,height=200");} //--> </script> BODY間 <A href="javascript:subWin01()">おみくじ</A>」 ---------------------------------------------------------------------------------- のようなものを挿入したいのですが、基本的な事がまだ飲み込めていないせいか、どこに入れてもうまく動いてくれません。 そもそも、「ランダムURL表示・任意のサイズの小窓を出す」といった重複した使い方が出来るのかも分かっておりません。 初歩的な質問だとは思いますが、この「ランダムURL表示・任意のサイズの小窓を出す」という事が出来るのか、出来るとしたらどこにどう記述すれば良いかを教えていただけたらと思います。 どうぞ宜しくお願いいたします。

  • JavaScriptで、小窓を開きたいのですが…

    色々やってみましたが、イマイチどうも上手く行かないのです。小窓を開けても、小窓にページの表示が出来なかったり、ちゃんとページが開けてもサイズ指定したのに大きいウィンドウで開いたり…。 HP作成ソフトでサイトを作っている程度の知識しかありませんので、どなたか分かりやすく教えて下さい。 開きたいページは、time-s.htmlで、「ここ」というリンクをクリックして小窓で開かせたいです。 ちなみに現在は、head内に <script type="text/javascript"><!-- function newWin(){ window.open("time-s.html","time","width=196, height=176, scrollbars=no, location=no, menubar=no"); } //--></script> body内に <a href="javascript:void(0);" onClick="window.open('time-s.html', 'time', 'width=300,height=220')">ここ</a> としてあります。 色々張りつけてるうちに、ごっちゃになってしまったみたいです(汗) ご親切な方、よろしくお願いします。

  • ジュゲムのブログですが。。

    プロフの蘭に、リンクを貼りたいのですが、リンクに飛べません。 とりあえず、編集欄に <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のURL" width="幅" height="高さ" border="0"></A> ↑を入れたのですが、飛んでくれません。 編集欄に入れるんではないのですか???

  • 小窓自体でのツールバーの非表示

    小窓自体でウインドウのリサイズやツールバーの非表示が出来ないかと試行錯誤しております。 リサイズは <script LANGUAGE="JavaScript"> <!-- window.resizeTo(000,000); --> </script> で出来る事がわかりましたがツールバーの非表示を 小窓自体で出来るのかがどうしても解りません…。 子窓のリンク元のページからじゃないと出来ないのでしょうか?困っています。。ご回答して頂けると大変助かります!よろしくお願い致します。

  • 小窓が見れない

    マック・ネスケープの環境の方から指摘を受けました。 <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では問題無く表示されます。 見れるようにする方法はあるのでしょうか? 説明・勉強不足かもしれませんが、宜しくお願いします。

専門家に質問してみよう