-PR-
解決
済み

サブウィンドウに背景色をつけたいのですが・・・

  • すぐに回答を!
  • 質問No.21024
  • 閲覧数230
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 67% (40/59)

今仕事でホームページを初めて作成しています。
そこで、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>
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.1
レベル10

ベストアンサー率 33% (53/157)

サブウィンドウの背景色を例えば赤にしたい場合、

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、色見本」あたりで検索するとよいのがヒットするかもしれません。
お礼コメント
bori

お礼率 67% (40/59)

ありがとうございました。こんなにも早く回答をいただけるとは思っても見なかったのでとっても嬉しかったです。
わたしのミスは色を指定するときに""を使用していたためだと気づきました。シングルコーテーションだとうまくいくのですね。おかげで一歩前進です!
投稿日時 - 2000-12-22 09:25:37
-PR-
-PR-
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ