![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
親ウィンドウにある画像のサムネイルをクリックすると、子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で質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
servletからjspへオブジェクトの配列情報を送る方法
Java
-
リクエストに応じたselectedの初期値設定方法
Java
-
jsp/Servletの動的に増えるフォーム情報受け取りについて質問です。
Java
-
-
4
サブウインドウから親ウインドウのラジオボタンにチェックを入れる
JavaScript
-
5
重複するキーから一番古い年月日のデータのみ取得したい
PostgreSQL
-
6
指定した年月までのデータを取得するSQL文
Oracle
-
7
Selectの中身をfor文で入れる
JavaScript
-
8
ラジオボタンの選択肢をサーブレットで取得するには?
Java
-
9
単一グループのグループ関数ではありません。
Oracle
-
10
boolean型のフィールドとゲッターメソッドの命名について
Java
-
11
ウィンドウ名からウィンドウオブジェクトを取得
JavaScript
-
12
Java-jspの画面入力値保持について
Java
-
13
ビュー(インラインビュー)で集約した結果と結合するSQLについて
Oracle
-
14
どういう意味
その他(ソフトウェア)
-
15
where句中のtrim関数について
Oracle
-
16
JSPでHashMap・配列の変数の値を扱う方法について
Java
-
17
javascriptでセレクトボックスのselected"を動的につ"
JavaScript
-
18
ラジオボタンのNullチェック
JavaScript
-
19
クリックされたセルの位置を取得するには?
JavaScript
-
20
tableタグとformタグの組み合わせ
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBAでIEのボタンを押してメッセ...
-
DOM要素を削除しても、イベント...
-
特定ページから遷移した時にア...
-
javascriptのdocument.allにつ...
-
Null またはオブジェクトではあ...
-
この将棋プログラムに王様ゲッ...
-
<a>タグのテキストを取得
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
google apps scriptの終了のさせ方
-
同じIDで定義した要素の配列を...
-
javascript 変数名の連結をしたい
-
アルファベットABCD…をスマート...
-
C#テキストボックスの文字を配...
-
フォーム入力値の重複チェック
-
なぜ、ジャバスクリプトが表示...
-
現在の日付から、1ヶ月前にす...
-
ASP.NETのコントロールの値をJa...
-
ActiveXobjectが作成できない
-
文字を点滅させるスクリプト ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FireFoxのjavascriptで自動でキ...
-
Latexに関する質問です。
-
DOM要素を削除しても、イベント...
-
XMLでのAttributeを持ったNode...
-
TexでΣの添え字の位置直し
-
JavaScript window.openで開く...
-
Null またはオブジェクトではあ...
-
javascriptの基本的なことだと...
-
iframeのソースを取得したい
-
選択肢によってラジオボタンを...
-
excle VBA とweb上の検索を利用...
-
文字を一文字ずつ表示
-
ラジオボタンでreadonlyの切替え
-
responseTextについて
-
VBAのIE操作でframe構造のサイ...
-
サブウィンドウからのスタイル...
-
JavaScriptのdocument.all("変...
-
オンマウスについて
-
要素のリサイズをひろい、他の...
-
クリッカブルマップのリンク部...
おすすめ情報