• ベストアンサー

いくつものサブウインドウのリンク

同じページに一つ一つ違うサブウインドウを開く リンクを作りたいのですが、やり方がわかる方教えてくださいませ。 クリック1でひとつのサブウインドウが開き。 クリック2でまた別なサブウインドウが開くという やり方です。 またこのスクリプトを外部ファイルにするやり方も ありましたら教えてくださいませm(__)m

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

  • ベストアンサー
  • EUR
  • ベストアンサー率61% (29/47)
回答No.2

新しいウインドウを開くJavaScriptは window.open("URL","ウインドウ名","幅・高さなど") です。 クリックするアンカーなどによって、URLを変更してあげればいいです。 また、外部ファイルにはJavaScriptの関数を用意し、 <script src="○○.js" type="text/javascript"></script> でロードします。 いかにサンプルを載せます。 外部ファイル sample.js … 指定されたURLを新しいウインドウで開きます。 function Wopen(str) {   window.open(str, ""); } ------------------------------------------------ HTML記述 <HEAD> ~ </HEAD>の間に <script src="sample.js" type="text/javascript"></script> <body> ~ </body>の間に <div><a onClick="Wopen(click1.html)">クリック1</a></div> <div><a onClick="Wopen(click2.html)">クリック2</a></div> <div><a onClick="Wopen(click3.html)">クリック3</a></div>

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

<a href="sub1.html" target="_blank">クリック1</a><br> <a href="sub2.html" target="_blank">クリック2</a> とか <a href="javascript:void(window.open(…))">リンク</a> とか

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 同じ記述でもサブウインドウが開かないのは??

    「こちら」の文字をクリックするとサブウインドウが出るようにしたのですが、何の拍子か、エラーになるように変わってしまい困っています。 このscript部分だけをhtmlファイルにし(test.html)、きちんと動くことを確認してから、実際使用するファイル(A.html)にはめ込んだんですが、文字をクリックするとステータスバーに「ページにエラーが発生しました」と出てしまいます。 記述そのものはどう見てもおかしい所はないようです。 このような場合、考えられる原因はなんでしょうか? ちなみにサブウインドウも同じディレクトリ内に置いています。

  • サブウインドウの表示方法

    複数のクリックポイント作成し、それぞれ異なったサブウインドウを表示する方法を教えてください。 お願いします。 例 クリックポイント(リンク??)         サブウインドウ(1)         サブウインドウ(2)         サブウインドウ(3) 上記各ポイント(文章)に対しそれぞれに対応したサブウインドウを表示させる 以上よろしくお願い致します

  • htmlプログラムにおけるリンクのスクリプト

    リンクを記述する際。(1)外部ウェブサイトへリンクする際のスクリプト(2)同じサイト内で別のページにリンクして別ウィンドウにて開かせるスクリプト(3)メールアドレスへリンクして、クリックすると所定の宛先記載のメールのアプリケーションが立ち上がるスクリプト。がわかりません。質問が多くて恐縮ですが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • サブウインドウの出力

    ホームページビルダーV8を使用しています。 ホットリンクでサブウインドウを出力させたいのですが、 設定方法が解りません。 ホットメディアのサンプルにあるような、メニューをクリ ックするとサブウインドウに料理の画像が出力するような ページを作りたいと思っています。 どなたか宜しくお教え下さい。

  • サブウインドウについて

    ロールオーバーのボタンを押すと、サイズ指定のサブウインドウを開き、更にそこから別サイズのサブウインドウを開き、一つ前のサブウインドウを閉じさせる設定を教えて下さい。初心者なので、詳しく教えていただけるとうれしいです。よろしくお願いします。

  • サブウインドウのこと

    INDEX.HTM からサブウインドウを開いています。 INDEX.HTM には <A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">日本</A> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">アメリカ</A> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">中国</A> のように並んでいます。 日本をクリックすると、サブウインドウが開きます。 アメリカをクリックすると、サブウインドウのnameが同じため、日本で開いたサブウインドウが変わります。そのとき、サブウインドウがINDEX.HTMに隠れてみえません。 これをクリックするごとに、サブウインドウが最上面で見えるようにするにはどうしたらいいでしょうか。 javascriptの質問からずれているかもしれません。

  • コントロールでサブウインドウを開いた時、元のhtmlを再読み込みさせない

    javaスクリプトで ボタンを押すと、サブウインドウが開くように設定しています。 ですが、サブウインドウを開くと、元のhtmlがイチイチ再読み込みされて しまいます(サブウインドウが表示される間に元のhtmlが一旦消え、そのページの トップまで戻って表示される) 他のサイトをみていても、サブウインドウを開いても、 そのような現象にはなりません。心当たりはありませんでしょうか?

  • サブウインドウ表示の不具合

    ホームページビルダーVer6のイベントの設定を用いて、サブウインドウを表示させました。サブウインドウは目論見通りに開くのですが、親ページの方が何故かページトップにスクロールされ、見づらいページになってしまいました。この原因が分からず、質問させていただきました。 <head>内には <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"width=400 height=200"); } } //--> </SCRIPT> <body>には <A href="" onclick="_HpbJumpURLinNewWindow('subwin.htm');">(※)</A> と書いています。 URLは http://www.field-play.com/canoe/report/takatugawa/ で、本文の下から3行目が該当部分です。 よろしくお願いします。

  • サブウインドウが開けません;;

    私はJavaScriptに関してはほとんど知識がありません。 今HPを作成しているのですが、文字列をクリックしてサブウインドウを開こうと思っています。 とりあえず、テキストに記述してある通りにタグをかいてみたのですが、エラーが出てしまって実行できません。 「小窓の小窓」という文字列をクリックしてサブウインドウを開いて、そこにkomado.htmlを表示させようとしています。 下記にScriptを記述しました。 全くの初心者ですので、どのタグが必要でどのタグが不要なのかもわかりません。 ほんとに初歩的な質問かと思いますが、htmlはわかる程度の私に書き方を教えてください。 お願いします。m( )m <html> <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <title>小窓</title> <script language="JavaScript"> <!-- function koushin(){ newwindow = window.open("04_2.htm","newwindow","width=200,height=180") } //--> </script> <body bgcolor="#ffffff" <div id="text"><a href="komado.htm" onClick="komado()">小窓の小窓</a></div> </head> </html>

  • サブウインドウが勝手に・・・

    自分のHPを作成していますが、1週間ほど前から突然、サブウインドウ(と、言うのでしょうか?)が勝手に開いてしまうようになりました。 ここをクリックすると開く、というのではなく、何度か色々なところをクリックしていると、突然、全く見知らぬウインドウが開いてくるのです。 一度それを閉じて、また何度かクリックしていると、また数十度目のクリックの時に勝手に開いてくるのです。 ローカルでHTMLを開いても(IEです。)、時々それが開くので、おそらく私のローカルPCの問題だと思いますが、まったくどうしていいのやら見当がつきません。 何かをダウンロードしたときにウイルスにでも感染してしまったのでしょうか。 どこを調べてみれば原因がわかりそうか、ということと、どうすればサブウインドウが表示されなくなるかということをご教授下さいませ。 よろしくお願い致します。