その他９　■実用■　ボタン変化インラインフレーム　　　　　UP日時 : 2014/09/16

■このページは『戻る』ボタンは効かないので、このページのタグを閉じて下さい。

『春』『夏』『秋』『冬』のボタンクリックで、インラインフレーム中に、４枚のhtmlを呼び出すJavaScriptです。
htmlの切替を、ボタン選択ではなく自動で行うJavaScriptは、こちらから。
また、このインラインフレームの中に呼び出している『降る画像変化』のJavaScriptはこちらから。

HTML5では、インラインフレーム(iframe)用の新しいタグが増え、逆に使用できなくなったタグがあり、私も不勉強でよくわからないので、今回のJavaScriptでは、インラインフレームのサイズ指定だけCSSで設定しました。

それでもHTML5では、従来のフレームセットが使用できなくなったので、当サイトのメニュー欄は、インラインフレームで作成してあります。
インラインフレームのターゲットの指定方法は　TAG indexから。
実はインラインフレームにnameを付けてターゲット指定をすれば、このJavaScriptは不要です。その方法も含めて、HTML5でのインラインフレーム解説は　ほんっとにはじめてのHTML5から。