※ ChatGPTを利用し、要約された質問です(原文:フレームページで、最大化など枠をコントロールしたい)
フレームページのフレーム枠のコントロール方法について
このQ&Aのポイント
フレームページのフレーム枠をスマートにコントロールする方法を探しています。現在の方法では、最大化や元に戻す操作が限定的であり、満足できません。
フレームページには、左側と右側のフレーム枠があります。現在の操作では、フレーム枠の表示・非表示を切り替えることができますが、操作の制限やパフォーマンスの問題があります。
最大化や元に戻す操作をスムーズに行いたいのですが、良い方法がありません。フレーム枠のコントロール方法について、効果的な手段や改善策を教えてください。
フレームページで、最大化など枠をコントロールしたい
次のようなフレームページがあります。
左側 name="left" 、右側 name="right" とします。このフレーム枠を、
以下のようにコントロールしたいです。
┏━┳━━━━┓
┃ ┃[←][→] ┃図1
┃ ┃ ┃
┃ ┃ ┃
┗━┻━━━━┛
図1の状態で、
[→]を押下しても何も起こらないが、
[←]を押下すると、左側フレームが隠され下の図2のように最大化された状態になる
┏━━━━━━┓
┃[←][→] ┃図2
┃ ┃
┃ ┃
┗━━━━━━┛
図2の状態で、
[←]を押下しても何も起こらないが、
[→]を押下すると、隠されていた左側フレームが図1の状態に戻る
自分なりに、次のようにごまかしています。
<a href="#" target="_top">最大化</a>
<a href="javascript:history.back()">元に戻す</a>
しかし、これですと、
・図1の状態で[→]を押してしまうと、前の画面に戻ってしまう
・図1の状態で[←]を押すと、最大化されたようになるが、重~~いHTMLを
再読み込みさせられてしまう、 ・・・などの理由で、あまり満足できません。
フレーム枠だけを、もっとスマートにコントロールできたらと思うのですが、
よい方法はありませんでしょうか。
お礼
ありがとうございました。 早速組み込ませていただきまして、 おかげさまで快適です。