- 締切済み
他のページ内の複数のフレームに同時にリンクさせるには？
フレーム分割されてないページから、フレーム分割されている他のページ内の複数のフレームに、それぞれURLを指定して同時にリンクさせるには？ HPを作っているのですが、どうしてもわからないことがあります。 フレーム分割の無い「サイトマップ」のページから、 フレーム分割されている他のページにリンクさせる際に、 リンク先ページの各フレームがそのリンク毎に変わるよう、別々に設定したいのです。 ＜例＞ Aページ（サイトマップ）内の”寿司”をクリックすると、フレーム分割されたBページの「LeftFrame」には”日本料理のページ”を、「RightFrame」には”寿司のページ”を表示させる。 Aページ（サイトマップ）内の”ピザ”をクリックすると、フレーム分割されたBページの「LeftFrame」には”イタリア料理のページ”を、「RightFrame」には”ピザのページ”を表示させる。 ↑ これを可能にする方法、タグなどがありましたら、どうかアドバイスをお願い致します！
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
javascriptでよいなら、以下のような書き方もありかと。 本来のハッシュの使い方ではありませんが、理論上フレームページに ハッシュは使われる可能性はないので、流用しています。 まぁいまやフレームは非推奨タグですので排斥される方向にあります。 ということは逆に「フレームページでは何をやってもいい」という 考え方もできますね。 a.htm <a href="b.htm#susi">寿司</a> <a href="b.htm#pizza">ピザ</a> b.htm <html> <head> <script type="text/javascript"> window.onload=function(){ var hash=document.location.hash; switch(hash){ case "#susi": LeftSrc="japan.htm"; RightSrc="susi.htm"; break; case "#pizza": LeftSrc="italy.htm"; RightSrc="pizza.htm"; break; default: document.write("指定先が不明です"); return false; } var fs=document.createElement("frameset"); fs.setAttribute("cols","*,*"); var f1=document.createElement("frame"); f1.setAttribute("src",LeftSrc); f1.setAttribute("name","LeftFrame"); var f2=document.createElement("frame"); f2.setAttribute("src",RightSrc); f2.setAttribute("name","RightFrame"); fs.appendChild(f1); fs.appendChild(f2); noscript=document.getElementsByTagName("noscript")[0]; root=noscript.parentNode; root.insertBefore(fs,noscript); } </script> </head> <noscript> 表示できません </noscript> </html>
- jjon-com
- ベストアンサー率61% (1599/2592)
要点となるHTMLタグだけ書きます。こういうことがしたいのですよね？（ANo.1のタグを流用しました） ●sitemap.html <a href="a.html"> <a href="b.html"> ●a.html <frameset cols="100,*"> <frame src="japan.html"> <frame src="sushi.html"> </frameset> ●b.html <frameset cols="100,*"> <frame src="italy.html"> <frame src="pizza.html"> </frameset>
- yamoa
- ベストアンサー率20% (12/59)
フレームA・B・Cで分割して Lフレーム Rフレームに表示させる方法ならわかりますが。 私にはこれしかわかりません それぞれフレーム分割されたページを2つ用意して A(日本料理・寿司)とA"(イタリア料理・ピザ)とします Aに (frameset cols="100,*") (frame src="URL" name="日本料理のページ") (frame src="URL" name="ピザのページ") (/frameset) 記入する A"も同様にする。( カッコを<に変えてくださいね
