- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：フレームの大きさを変更する 等）
フレームの大きさを変更する方法とサンプルコード | フロントエンド開発
このQ&Aのポイント
- フレームの大きさを変更する方法について説明します。index.htmlに定義されているフレームを3つに区切り、中央のページのリンクをクリックすることでフレームのサイズを変更することが可能です。
- サイズ変更の方法は、FRAMESET要素のCOLS属性の値を変更することです。最初はCOLS="130,*,130"となっており、これを変更することでフレームの幅を調整できます。
- 例えば、中央のページのリンクをクリックすると、COLS="200,*,0"のようにフレームの幅が変更されます。これにより、フレームの大きさを自由に調整することができます。
- if-so-at
- お礼率51% (91/176)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
あなたが今変更したいのは <FRAMESET COLS="130,*,130" border="0" name="holygate"> のcolsの値でしょ？ parent.left.document.cols=leftsize; これじゃあ <FRAME name="left" src="left.html" scrolling="no" frameborder="0" noresize> が表示しているHTML内のcolsを変更しようとしているじゃない。 いったい「document」がどこから来たんだか・・・。 ただまねして実装しようとしないで 書かれている識別子が何を指しているのか 考えながら作っていかないと いつまでも理解できないわよ。
その他の回答 (1)
- askaaska
- ベストアンサー率35% (1455/4149)
回答No.1
お礼
回答ありがとうございます。 そのような感じなのですが、指定してみてもフレームのサイズの変更が実行されません。 コードを貼りますので、添削の方をお願いできないでしょうか。 フレームサイズ変更のJS function changefreamsize(leftsize,centersize,rightsize){ parent.left.document.cols=leftsize; parent.main.document.cols=centersize; parent.right.document.cols=rightsize; } フレーム <HTML> <HEAD> <TITLE>HOLY GATE</TITLE> </HEAD> <FRAMESET COLS="130,*,130" border="0" name="holygate"> <FRAME name="left" src="left.html" scrolling="no" frameborder="0" noresize> <FRAME name="main" src="main.html" scrolling="auto" frameborder="0" noresize> <FRAME name="right" src="right.html" scrolling="no" rameborder="0" noresize> <NOFRAMES> <BODY> <P>このページはフレームを使用しています<br> フレーム対応ブラウザーで閲覧してください。 </P> </BODY> </NOFRAMES> </FRAMESET> </HTML>