1クリックで、同時に2つのファイル(リンク先)を呼び出す!

このQ&Aのポイント
  • 現在、Win98/ホームページビルダーでHPを作成中なのですが、手詰まりしています^^;
  • 固定したウィンドウ内のリンクボタンを押して、固定したウィンドウ内のページをdiary.htmへ移動。そして、別ウィンドウで開いているiframeの中身をmarch.htmへ移動したいのですが、どのように記述していいのか分からないのです。
  • <A href="../diary.htm" target="_self">先月の日記</A> 今は上記応用しようと粘ったのですが、できないのです・・・
回答を見る
  • ベストアンサー

1クリックで、同時に2つのファイル(リンク先)を呼び出す!

説明が少々ややこしいのですが。 現在、Win98/ホームページビルダーでHPを作成中なのですが、手詰まりしています^^; ファイル(1) diary.htm ファイル(2) march.htm 固定したウィンドウ内のリンクボタンを押して、 固定したウィンドウ内のページをdiary.htmへ移動。 そして、別ウィンドウで開いているiframeの中身を march.htmへ移動したいのですが、どのように記述して いいのか分からないのです。 条件は1(ワンクリック)で行うことです! 説明足らずだとは思いますが、補足は致しますので、 どうぞ教えてください!!! <A href="../diary.htm" target="_self">先月の日記</A> 今は上記応用しようと粘ったのですが、できないのです・・・

  • HTML
  • 回答数2
  • ありがとう数3

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

  • ベストアンサー
noname#199778
noname#199778
回答No.2

うまくいってよかったです。 えーと、蛇足ですが、JavaScirptの導入について。 実は、 <a href="開きたいファイルのURL" target="iframe" onClick="location.href='../march2003.htm'">先月の日記</A> この中の onClick="location.href='../march2003.htm'" この部分が、今回の動作で使用しているJavaScriptになります。 こちらの動作に関しては、head要素内などを含めて、他の箇所で<script>要素内にプログラムを定義する必要がありません。 ですので、お礼の中にある <script language="JavaScript"><!-- プログラム // --></script> この記述は、この他にJavaScriptを利用している動作がなければ、記述しなくても動いてくれるはずですので、ご確認ください。 あと、厳密なことを言えば、スクリプトを設置するページのhead内には、 <meta http-equiv="content-script-type" content="text/javascript"> という行を追加しておくと、なお良いでしょう。 これは、ページ内で使われているスクリプトがJavaScriptであることを明示するメタタグです。 よくわからないときは、特に記述しなくても大丈夫です。 たびたび失礼しました。

shootingstar
質問者

お礼

再びありがとうございます! 今全ての日記のページを修正したました! <script language="JavaScript"><!-- プログラム // --></script> これはいらなかったんですね^^; まだまだ分からない事ばかりです。 <meta http-equiv="content-script-type" content="text/javascript"> こういうタグをよく見かけます。 調べてみたいと思います!! 本当ありがとうございました!

その他の回答 (1)

noname#199778
noname#199778
回答No.1

別ウィンドウのiframeにnameが設定してあるのであれば、JavaScriptを埋め込むことで可能だと思います。 iframeの記述が <iframe src="***.htm" name="if1"> などのようになっている(iframeのnameが「if1」)としたら、アンカーでターゲット指定をそのインラインフレームにして、それに加えてJavaScriptでページ遷移をする処理を加えればよいでしょう。 具体的には、 <a href="march.htm" target="if1" onClick="location.href='../diary.htm'">先月の日記</a> と記述すれば可能だと思います。 ここで例示した方法のポイントは、<a>要素のhrefで別ウィンドウ内のiframeのページを呼び出すこと(当然target属性はiframeを指定します)と、JavaScriptで固定ウィンドウのページ移動をする点です。 うまくいかなかったらごめんなさい。

shootingstar
質問者

お礼

ありがとうございます!!! ご回答頂いたもので上手くいきました!! javascriptを適当に定義して(下記) <script language="JavaScript"><!-- プログラム // --></script> そしてリンク先のタグを下記に変更したらいけました!!!\(^O^)/ <a href="開きたいファイルのURL" target="iframe" onClick="location.href='../march2003.htm'">先月の <TD colspan="2" align="center">日記</A> javascriptの定義ってこれでよかったのでしょうか? 調べて試しにやってみたらできました! iframeの名前はそのままiframeにしていました^^; ひと段落つけそうです!!!ありがとうございました!

関連するQ&A

  • HTMLアプリでインラインフレーム間リンクの表示

    HTMLアプリケーション(hta)で インラインフレームにリンクボタンを置き、 別のインラインフレームにリンク先を表示する ことができるか教えてください。 ※IE6を使用しています。 HTMLタグを書くと、フレーム内のリンクをクリックすると 別ウィンドウが開いてしまいます。 ただし、フレーム外のリンクであればリンク先の表示ができます。 また、拡張子をhtmに変更すればすべて想定通りの動作をします。 記述に誤り、もしくは良い方法があれば、教えていただけませんでしょうか。 よろしくお願いします。 ------------ aaa.hta <a href="http://www.yahoo.co.jp" target=iframe2>aaa</a> <iframe name="iframe1" src="a_1.htm"></iframe> <iframe name="iframe2" src=#></iframe> a_1.htm <a href="http://www.yahoo.co.jp/" target="iframe2">click!</a> ------------

    • ベストアンサー
    • HTML
  • 一度に二つの別ウインドウへリンク

    よろしくお願いいたします。 リンク先を同時に二つ同じ箇所に埋め込むことは可能なのでしょうか? 色々と調べてみたのですが、なかなか見つけることが出来ません。 通常、<A href="○○.htm" target="_blank"> でリンク先を指定いたしますが、これを <A href="○○.htm" target="_blank"><A href="□□.htm" target="_blank">ほげほげ</A> のような形で、上記の例で言いますと、「ほげほげ」をクリックすることで、別ウインドウで「○○.htm」と「□□.htm」の両方を同時に表示させたいのです。   上手く説明できていないかもしれませんが、構図としてやりたい形はこのようなものです。 ご教授いただければと思います。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • フレーム内のリンク先を別ウィンドウに表示する

    お世話になります。 ページ内にフレーム領域を作りました。 フレーム内のリンクをクリックするとフレーム内で別ウィンドウが開きます。 <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"></iframe> 上の様に書きました。フレーム内のaaaaaa.html内のリンクをクリックするとフレーム内に別ウィンドウが開きます。 そうではなくて、_blankを使った様に別ウィンドウを開きたいのです。 <a href="aaaaaa.html内のURL"target="_blank" <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"></iframe> </a> <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"><a href="aaaaaa.html内のURL"target="_blank"</a></iframe> 上記の様にしても結果は同じでした。 RCCの知識が無いために、ページ内にブログのページを強引に表示しました。 よろしくお願いします。

  • リンクを同じウインドウで開くには

    <A HREF="a.htm" target="_blank">A</A> も <A HREF="b.htm" target="_blank">B</A> も <A HREF="c.htm" target="_blank">C</A> も同じウインドウにする方法を教えていただけますか。 現在、それぞれ別に開きます。 Aを開いていて、BをクリックするとAの内容がBに変わるようにしたい。

  • 一つのボタンでページ移動iframeとリンクを開く

    divで分けたpage1とpage2で page1には <ul > <li><a href="http://www.apple.com/jp/"target="iframe1" >Apple</a></li> <li><a href="http://www.microsoft.com/japan/‎" target="iframe1">Microsoft</a></li> </ul> page2には <iframe name="iframe1"></iframe> page1の外部リンクをクリックした時に page2移動して、iframe内にHPを開く用にしたいのですが、できますか!? targetでpage2にリンクを開くのはできましたが ページの移動ができません。 例えば、javascriptでpage1の外部リンクは全て移動するとか。。。 ど素人なので、違う簡単な方法があれば教えてください。

  • 一つのリンク(ボタン)での2つのリンク要素をもたす

    インラインフレームにリンク表示とページトップにあるインラインフレームへの リンクの2つのリンク要素をもたしたいのですが… 今、<a href="http://store.apple.com/jp" target="00iframe">として 00iframeにはApple Storeが反映されているんですが、 00iframeがページの上部で リンクテキストがページの下の方にあるので、 できれば<a href="http://store.apple.com/jp" target="00iframe">この動きと、 < a href="#top">が一緒にできる方法はないでしょうか・・・ よろしくお願い致します。

  • クリック後、TABLEの幾つかのセルの色を変える

    初めて質問させて頂きます。 現在ホームページを作成しています。 フレームでページを2分割して、片方がメニューバーのようなページでもう一つがメインページのような構成です。 こんな感じです。 <FRAMESET rows="20%,80%"> <FRAME name="top" src="menu.htm"> <FRAME name="bottom" src="top.htm"> <NOFRAMES> <BODY> <P>Please access this page by browser that supports the frame. </P> </BODY> </NOFRAMES> </FRAMESET> そしてmenu.htmにテーブでコンテンツを表示し、もう片方にTOP、PROFILE、BBS、DIARYとテーブルで仕切ってページを作成しています。 <TABLE border="1" bgcolor="gray"> <TBODY> <TR> <TD bgcolor="red"><A href="top.htm" target="bottom">TOP</A></TD> <TD><A href="profile.htm" target="bottom">PROFILE</A></TD> <TD><A href="bbs.htm" target="bottom">BBS</A></TD> <TD><A href="diary.htm" target="bottom">DIARY</A></TD> </TR> </TBODY> </TABLE> このとき、最初は"TOP"のセルがが赤くなっています。 ここでリンクとなっている"BBS"をクリックすると、そのセルの背景がredになり、その他のセルの背景はgrayのままで、次にDIARYをクリックするとDIARYのセルの背景がredになり、BBSはgrayになるというような事をやりたいのですが、良い方法はあるでしょうか? ちなみにサーバの容量が非常に少ないので画像を使いたくないのですが、画像を使わざるを得ないでしょうか? このカテゴリーで質問する内容では無いかもしれませんが、どなたか良いアドバイスを宜しくお願いします。

    • ベストアンサー
    • HTML
  • iframe の動作がうまくいかない

    http://personal.okwave.jp/qa3883201.html 先ほどこちらで質問したものですが、少しいろいろとわかりましたので、 それを踏まえて改めて質問させてください。(上記URLは無視でも結構です) あの子の生年月日は?<br> <a href="sample/iframe_a1.htm" target="sample">A1.2000年3月9日</a><br> <a href="sample/iframe_a2.htm" target="sample">A2.2000年9月3日</a><br> <a href="sample/iframe_a3.htm" target="sample">A3.2000年3月9日</a><br> <a href="sample/iframe_a4.htm" target="sample">A4.2000年9月3日</a><br> <iframe src="sample/iframe_q.htm" name="sample" width="200" height="150"> </iframe> リンク先が全て同一サイト内に指定してあります。これは正常に作動します。 ところがリンク先に全く別サイトURLをからめると、IE6.0でうまく作動しません。 (切り替えが途中でできなくなる) 同じものを Firefox で確認すると、切り替えがちゃんとできます。 これをIE6.0でもできるようにしたいのですが、どのようにすればよいでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンク先が別ウィンドーで開いてしまう

    初心者です。htmlでHPを作成しています。 開いているウィンドウにリンク先を表示したいのですが、<a href="access.html"target="blank">とすると3っに分割したフレームの1つにしかリンク先が開きません。 <a href="access.html">や <a href="access.html"target="top">とすると別の ウインドーが開いてしまいます。 現在開いているウインドーにリンク先を開く方法を 教えてください。

  • リンクさせるタグ

    HPタグで<a href="○○.htm" target="contents">△</a>というのがリンクするのに基本になると思うのですが、下記の様にabc.htmのファイルをindex.htmにリンクさせるにはタグはどうすればいいのでしょうか? 上の階層にいくには<a href="../ ←のように半角ドットを使うというのはわかったんですが、表示の仕方がわかりません。 詳しく教えてください!! お願いします。 HP―index.htm(ファイル)  |  ―main(フォルダ)-sub(フォルダ)-abc.htm(ファイル) ※index.htmとmainは同じフォルダ内(HP)にあります。 abc.htmのファイルからindex.htmのファイルにリンクするにはタグはどうすればいいんですか?

    • ベストアンサー
    • HTML