今仕事でホームページを初めて作成しています。
そこで、30秒程度したら自動的に消えるサブウィンドウを作成したのですが、背景色がぜんぜんつきません。
いったいどこに、背景色のスクリプトを表示したらいいのですか。教えてください。
初心者でわからないので、全部のせてしまいました・・・
要領わるくてすいません。
function createSubWindow() {
subWindow = window.open("","SubWindow","width=370,height=220");
subWindow.document.writeln("<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=Shift_JIS'>");
subWindow.document.writeln("<HTML>");
subWindow.document.writeln("<HEAD>");
subWindow.document.writeln("<TITLE>Whata's New?</TITLE>");
subWindow.document.writeln("<SCRIPT LANGUAGE='JavaScript'>");
subWindow.document.writeln("<!--");
subWindow.document.writeln("function setTimer() {");
subWindow.document.writeln("window.setTimeout('window.close()', 30 * 1000);");
subWindow.document.writeln("}");
subWindow.document.write ("//--");
subWindow.document.writeln(">");
subWindow.document.writeln("</SCRIPT>");
subWindow.document.writeln("</HEAD>");
subWindow.document.writeln("<BODY onLoad='setTimer()'>");
subWindow.document.writeln("</BODY>");
subWindow.document.writeln("</HTML>");
subWindow.document.close();
}
function closeSubWindow() {
if(!subWindow.closed) {
subWindow.close();
}
}
//-->
</SCRIPT>
No.1ベストアンサー
- 回答日時:
サブウィンドウの背景色を例えば赤にしたい場合、
subWindow.document.writeln("<BODY onLoad='setTimer()'>");
を
subWindow.document.writeln("<BODY bgcolor='#FF0000' onLoad='setTimer()'>");
と変更してやります。
色の指定の仕方は、
#xxxxxx
で6個のxxはそれぞれ2個ずつに分けて、赤、緑、青の三色がどれくらい混じっているかを表しています。
具体的には00からFFまで16進数で256階調の指定をします。
上の例ではFF0000ですので、赤がFFでフル、青と緑は00で、まぜると赤になります。
他、緑にしたければ#00FF00、青にしたければ#0000FFといった具合です。
お手元に色見本みたいなのがあればよいのですが、なければ、「HTML、色見本」あたりで検索するとよいのがヒットするかもしれません。
ありがとうございました。こんなにも早く回答をいただけるとは思っても見なかったのでとっても嬉しかったです。
わたしのミスは色を指定するときに""を使用していたためだと気づきました。シングルコーテーションだとうまくいくのですね。おかげで一歩前進です!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- その他(プログラミング・Web制作) Latexに関する質問です。 3 2023/05/23 10:18
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- フリーソフト documentで接続を確立できないのですが、なぜでしょう 1 2022/10/29 11:53
- HTML・CSS HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照) 1 2022/09/25 14:35
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
codejump 模写コーディングgall...
-
Javascriptのhtml出力についてa...
-
FireFoxのjavascriptで自動でキ...
-
このjavascriptのif文、条件式...
-
XMLでのAttributeを持ったNode...
-
スマホでフォームにフォーカス...
-
サブウィンドウに背景色をつけ...
-
responseTextについて
-
LaTeX:数式を等号揃えにする方法
-
iframeのソースを取得したい
-
javascriptの基本的なことだと...
-
Null またはオブジェクトではあ...
-
showModalDialogで開いた画面を...
-
Javascriptで定期的にF5を押す...
-
JavaScript window.openで開く...
-
DOM要素を削除しても、イベント...
-
onload時にPostBackを発生させ...
-
ブラウザのウィンドウサイズに...
-
複数の配列から、項目数にあわ...
-
<a>タグのテキストを取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascriptのhtml出力についてa...
-
文字を一文字ずつ表示
-
このjavascriptのif文、条件式...
-
DOM要素を削除しても、イベント...
-
Null またはオブジェクトではあ...
-
javascriptの基本的なことだと...
-
FireFoxのjavascriptで自動でキ...
-
XMLでのAttributeを持ったNode...
-
TexでΣの添え字の位置直し
-
LaTeX:数式を等号揃えにする方法
-
responseTextについて
-
JavaScript window.openで開く...
-
VBAのIE操作でframe構造のサイ...
-
ラジオボタンでreadonlyの切替え
-
Javascriptで定期的にF5を押す...
-
選択によってsubmitボタンの色...
-
動画の連続再生について
-
JavaScriptのdocument.all("変...
-
excle VBA とweb上の検索を利用...
-
キーコードを表示するJavaScrip...
おすすめ情報