親ウィンドウにある画像のサムネイルをクリックすると、子windowにその画像の大きいものが表示されるHTMLを作っています。
その際に、子windowの背景色を黒くしたいのですが、うまくいきません。以下にソースを記載します。
【HTML】
<a href="javascript:void(0);" onClick="winopen('1.jpg')"><img src="1s.jpg" /></a>
【JavaScript】
function winopen(filename)
{var w=window.open(filename,'','width=900,Height=700');
w.focus();
w.document.write("<body bgcolor=black>");
}
このようになっているのですが、これだとw.document.write("<body bgcolor=black>")のところで、窓全体が黒くなってしまい、jpgがなくなってしまいます。
jpgの背景を黒くしたいのですが、どのようにしたらよいでしょうか?
No.2ベストアンサー
- 回答日時:
>w.document.write("<body bgcolor=black>");
これだと、ブラウザの画面が新しいBODYオブジェクト(背景=黒)に
なってしまい、今までの画像もテキストも消えます。
w.document.body.style.background = "BLACK";
このように、既存のBODYオブジェクトのプロパティを変更する方法に
変更してみてください。
ありがとうございます!できました!
No.1の方にいただいた回答とどちらにしようか迷っていますが、勉強になりました。本当にありがとうございました!!
No.1
- 回答日時:
普通にHTMLを書いちゃえば?
とりあえずcssバージョンで
<a href="#" onClick="return winopen('1.jpg')"><img src="1s.jpg" /></a>
<script>
function winopen(filename){
var w=window.open('','_blank','width=900,Height=700');
w.focus();
w.document.open();
w.document.writeln("<html>");
w.document.writeln("<head>");
w.document.writeln("<style type='text/css'>");
w.document.writeln("*{padding:0px;margin:0px;}");
w.document.writeln("body{background-Color:#000000;}");
w.document.writeln("</style>");
w.document.writeln("</head>");
w.document.writeln("<body>");
w.document.writeln("<img src='"+filename+"'>");
w.document.writeln("</body>");
w.document.writeln("</html>");
w.document.close();
return false;
}
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
初めて自分の家と他人の家が違う、と意識した時
子供の頃、友達の家に行くと「なんか自分の家と匂いが違うな?」って思いませんでしたか?
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
servletからjspへオブジェクトの配列情報を送る方法
Java
-
jsp/Servletの動的に増えるフォーム情報受け取りについて質問です。
Java
-
重複するキーから一番古い年月日のデータのみ取得したい
PostgreSQL
-
-
4
サブウインドウから親ウインドウのラジオボタンにチェックを入れる
JavaScript
-
5
リクエストに応じたselectedの初期値設定方法
Java
-
6
Selectの中身をfor文で入れる
JavaScript
-
7
指定した年月までのデータを取得するSQL文
Oracle
-
8
ラジオボタンの選択肢をサーブレットで取得するには?
Java
-
9
単一グループのグループ関数ではありません。
Oracle
-
10
ウィンドウ名からウィンドウオブジェクトを取得
JavaScript
-
11
boolean型のフィールドとゲッターメソッドの命名について
Java
-
12
Java-jspの画面入力値保持について
Java
-
13
ラジオボタンのNullチェック
JavaScript
-
14
where句中のtrim関数について
Oracle
-
15
JSPでHashMap・配列の変数の値を扱う方法について
Java
-
16
DBを10件毎に表示ページング処理方法
Java
-
17
javascriptでセレクトボックスのselected"を動的につ"
JavaScript
-
18
ビュー(インラインビュー)で集約した結果と結合するSQLについて
Oracle
-
19
どういう意味
その他(ソフトウェア)
-
20
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
マウスでポイントすると説明を表示
-
Latexに関する質問です。
-
javascriptの基本的なことだと...
-
句点“。”で区切り、“。”も含め...
-
大分類・中分類・小分類のvalue...
-
同じIDで定義した要素の配列を...
-
Boolean型配列中のTrueの有無を...
-
C#OpenCv V4にのエラーに関する...
-
google apps scriptの終了のさせ方
-
undefinedを表示させない方法は...
-
getElementByIdを使用したグロ...
-
15パズルの作り方が分かりません!
-
googleMapでアイコン変更すると...
-
Javascriptの丸括弧の意味
-
javascriptの正規表現で変数を扱う
-
「javascript」のプログラミン...
-
数字とプラス以外の入力をチェ...
-
JavaScriptとcookieを利用して...
-
要素名がスペースを含む場合のj...
-
functionから別のfunctionを実...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptの基本的なことだと...
-
Latexに関する質問です。
-
DOM要素を削除しても、イベント...
-
文字を一文字ずつ表示
-
Null またはオブジェクトではあ...
-
excle VBA とweb上の検索を利用...
-
JavaScript window.openで開く...
-
FireFoxのjavascriptで自動でキ...
-
UWSCでオンクリックのボタンを...
-
ラジオボタンでreadonlyの切替え
-
XMLでのAttributeを持ったNode...
-
乗換案内 VBAで操作したい
-
Javascriptで定期的にF5を押す...
-
responseTextについて
-
webページ上のTabキーの動き
-
クリッカブルマップのリンク部...
-
ie操作 フレームのURLが...
-
TexでΣの添え字の位置直し
-
連動するセレクトボックスの内...
-
LaTeX:数式を等号揃えにする方法
おすすめ情報