▼ ウイルスに関する情報と対策 └ ウイルスTOP10＆最新ウイルス警告10種 ▼ スタイルシート ├ リンクの文字色変更 ├ スクロールバーの色 ├ 背景画像の固定 ├ ページ内にスクロールバー └ スタイルシートの記述例 ▼ JavaScript ├ 印刷ボタン／ページを開いたときに小窓を開く／ボタンで小窓を開く／小窓を数秒後に閉じる／お気に入りに追加ボタン／メール送信ボタン ├ サムネイルクリックで別ウインドウぴったりサイズの画像表示 ├ 子ウインドウからメインウインドウ操作 ├ JavaScriptで戻る・更新・進む └ メール送信フォーム ▼ その他 ├ お気に入りのアイコン ├ BGMを鳴らす／MIDI ├ フレームページのソース └ 国際標準サイズのバナー

子ウインドウからメインウインドウ操作 ※このページを開くと小窓が表示されるようになっていますが、「ポップアップを許可」している必要があります。 ※文字色や背景色の変更は、スタイルシートなどで設定をしていない場合に有効です。 【メインウインドウのhead内に記述】 <Script language="JavaScript"> <!-- cont = open("小窓のHTMLファイル名","con","width=300,height=320,scrollbars=yes,toolbar=no,status=no,location=no"); //--> </Script> 【小窓のhead内に記述】 <Script language="JavaScript"> <!-- function haikei(hai) { opener.document.bgColor=hai; } //背景色変更 function moji(mo) { opener.document.fgColor=mo; } //文字色変更 function link(lin) { opener.location.replace(lin); } //リンク function idou() { for (i=0; i<10; i++){ opener.moveBy(10,-20); opener.moveBy(10,10); opener.moveBy(-20,10); } } //振動 function idou2() { opener.moveBy(50,0); } //移動 //--> </Script> 【小窓のbody内に記述】 【背景色変更】 <input type="button" value="赤" onClick="haikei('red')">  <input type="button" value="青" onClick="haikei('blue')"> 【文字色変更】 <input type="radio" value="1" name="fgc" onClick="moji('#FF8080')">レッド  <input type="radio" value="2" name="fgc" onClick="moji('#008080')">グリーン  <input type="radio" value="3" name="fgc" onClick="moji('#0080FF')">ブルー 【リンク】 <a href="javascript:link('リンク先HTMLファイル1')">リンク先1</a>  <a href="javascript:link('リンク先HTMLファイル2')">リンク先2</a>  <a href="javascript:link('リンク先HTMLファイル3')">リンク先3</a> 【振動】 <input type="button" value="振動" onClick="idou()"> 【移動】 <input type="button" value="移動" onClick="idou2()"> 【小窓を閉じる】 <input type="button" value="小窓を閉じる" onClick="window.close()"> 【メインウインドウを閉じる】 <input type="button" value="メインウインドウを閉じる" onClick="opener.close(); setTimeout('window.close()', 1000)"> ※メインウインドウを閉じると、自動で小窓を閉じます。 ▲このページの先頭へ