- ベストアンサー
フレーム分割領域のサイズを変更する
ＨＴＭＬのframesetタグでフレームを分割してＨＴＭＬを 表示させることができます。例えば．．． <frameset rows="40%,60%"> <frame name="frm_01" target="f_left" src="left.htm"> <frame name="frm_02" target="f_right" src="right.htm"> </frameset> と記述すると、ウィンドウ左にleft.htmを40%、ウィンドウ右にright.htmを 50％割合で表示します。これらを何かＨＴＭＬ上のボタンをクリックされる などのイベントが生じた場合に、ウィンドウ分割してある比率を(例：left.htm40%→60%)の ように変更したいのですが、そのようなことはできないものでしょうか？
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
parent.document.write('～ ～ ～ '); で、トップのファイルと全く同じで割合を変えたようなのを書くということになるのではないでしょうか。 但し、自動広告とか入っているとうまく行かないでしょうね～きっと。 ------------------------------------ 以下ＴＯＰファイル ------------------------------------ <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> </head> <frameset cols="80,*"> <frame src="right.html" name="right" noresize> <frame src="left.html" name="left" noresize> </frameset> <noframes> <body> </body> </noframes> </html> ------------------------------------ 以下ＬＥＦＴファイル ------------------------------------ <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> </head> <script language="javascript"><!-- function a(html1, html2) { parent.document.write('<html><head><meta http-equiv="content-type" content="text/html;charset=shift_jis"></head><frameset cols="150,*"><frame src="'+html1+'" name="left" noresize><frame src="'+html2+'" name="right" noresize></frameset><noframes><body></body></noframes></html>'); } //--></script> <body> <a href="javascript:a(top.left.location.href, top.right.location.href)">abc</a> </body> </html> このあたりが動作的には究極的に一番速い（一瞬で切り替わる） ので、いかにもフレーム境界位置が「瞬時に」変わると言う 感じになるはずなので、参考にしてやってみてください。 ただし、一方で、動作の安定性が欠けます。広告などがあっ たり、ある一定以上、フレームページが大きいと挙動不審に なるとおもいます。個人的にはオススメしないです。 一番安定するのは、CGIや、HTMLへの?つき引数として渡して それをtarget="_top"で呼び出す方法ですが、スピード的に 「ガクッ」と極端に落ちるので、これらを使ってしまうと、 「フレームの境界位置が変わる」と言う感じにはならないで しょうね。 ヽ(´ー｀） マターリ♪ 〇ヽ Л
その他の回答 (1)
サンプルですー。 参考にして、改造してつかってください。(^^) 以下のファイルを同じフォルダに作って（そのままソース張り付けてhtmlで保存してね）、frame.htmlをブラウザで開いて見てねー。 ■frame.html■ <html> <head><title></title> <script language="javascript"> <!-- document.write(frset('40%','60%','a.htm?','1.htm?')) function frset(a,b,f1,f2){ var frset= '<title>frame</title>\n' +'<frameset cols="'+a+','+b+'">\n' +'<frame src="'+f1+'">\n' +'<frame src="'+f2+'">\n' +'</frameset>\n' return frset } //--> </script> </head> </html> ■a.html■ <html> <head><title></title> </head> <body> 右のリンクで<br>フレームのサイズ<br>が変わるよ！ </body> </html> ■1.html■ <html> <head><title></title> <script language="javascript"> <!-- function chsize(a,b){ if(location.search==""){ if(document.all){ parent.document.all.tags("frameset")[0].cols=a+","+b }else{ //parent.document.open() parent.document.write(frset(a,b,parent.frames[0].location.href+"?",parent.frames[1].location.href+"?")) parent.document.close() } } } //--> </script> </head> <body onload="chsize('40%','60%')"> こっち側６０％です。 <br> <a href="2.htm">こっち側を４０％にする！</a> </body> </html> ■2.html■ <html> <head><title></title> <script language="javascript"> <!-- function chsize(a,b){ if(location.search==""){ if(document.all){ parent.document.all.tags("frameset")[0].cols=a+","+b }else{ //parent.document.open() parent.document.write(frset(a,b,parent.frames[0].location.href+"?",parent.frames[1].location.href+"?")) parent.document.close() } } } //--> </script> </head> <body onload="chsize('60%','40%')"> <a href="1.htm">こっち側を６０％にする！</a> <br> こっち側４０％です。 </body> </html>
