画像内リンクからの複数フレーム変更。

[新着] Webテンプレートを仮オープンしました



0   名前: 匿名 : 2007/03/27(火) 16:49  ID:jxlL6hy6 sub-ws
はじめまして。アドバイスを頂きたく、スレッドを立てさせて頂きました。
私が今作ろうとしているサイトは3分割で

    |
  1 |
___|  3
    |      
  2 |  
    |   

という風にフレームが入れ子になっています。(ズレていてすいません・・・。)
そして1が画像内に複数リンクを指定するように設定しています。
このとき1の画像内からのリンクで2と3を別々のページを表示するにはどうしたらいいのでしょうか?
こちらで検索させて頂いたのですが、ボタンリンクの方法しか見つけることが出来ませんでした;
面倒かとは思いますが、よろしくお願いします。

1   名前: 元帥 : 2007/03/27(火) 16:49  [URL]  ID:LBhxx423 sub-bK
ボタンだろうと画像だろうと、方法は同じですよ。
http://www.tagindex.com/javascript/link/frame.html

2   名前: 匿名 : 2007/03/27(火) 16:49  ID:jxlL6hy6 sub-ws
色々やってはみたのですが、

私が設定したものでは

<map name="menu">

<SCRIPT TYPE="画像URL"> 
<!-- 

function jump(){ 




parent.フレーム2.location.href = "2.html"; 
parent.フレーム3.location.href = "3.html"; 




} 

// --> 
</SCRIPT> 

</HEAD> 
<BODY> 

← ここの部分

</BODY> 

<map name="menu">
</HTML> 



このような形でテキストリンクで
<area shape="coords" coords="25,28,88,96" href="2.html" Target="フレーム2">
<area shape="coords" coords="25,28,88,96" href="3.html" Target="フレーム3">を入れたり、
一つにまとめたりしたのですがどうしても上手くいきません;どこが間違っているのでしょうか;;

3   名前: Newのり太 : 2007/03/27(火) 16:49  ID:4vF3poTE sub-1h
http://www.tagindex.com/javascript/link/frame.html
【解説】
サンプルではフォームのボタンを使っていますが、リンクテキストでも実行できます。
<A HREF="javascript:jump()">ジャンプ</A>
フォームのボタン部分を、上記のように変更してください。
これを"テキスト"ではなく、"イメージマップ"からのリンクに応用するのなら、
<area shape="coords" coords="25,28,88,96" href="2.html" Target="フレーム2">
ではなく、
<area shape="rect" coords="25,28,88,96" href="javascript:jump()" alt="">
とするのが自然ではないでしょうか。


# <SCRIPT TYPE="画像URL"> って・・・?
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/interact/scripts.html#h-18.2.1

あといちおうフレーム名については。
http://www.tagindex.com/html_tag/frame/frame_name.html

一覧へ戻る