- ベストアンサー
javascriptで別ウインドウを開いたのですが背景設置が上手くいきません。
いつもお世話になっております。 JavaScriptを使用し別ウインドウで画像を表示させているのですが、 そのウインドウの背景が上手く設定できません。 どのように編集すればよいでしょうか? 現在の状態は以下の通りです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>aaa</title> <script language="javascript"> <!-- function OpenWindow(){ var width = document.images['00'].width + 228; var height = document.images['00'].height +254; subWin = window.open("","subWin","status=no,menubar=no,toolbar=no,scrollbars=no,resizable=yes,screenX=0,screenY=0,width=" + width + ",height=" + height + '"'); with(subWin.document) { open(); write("<html><head><title>sample1</title></head>"); write("<body onload='window.resizeTo( document.images[00].width + 40,document.images[00].height + 120)'><div align='center'><img id='00' src='b/1b.jpg'><br>"); write("<button type='button' onclick='window.close()'>閉じる</button></body></div></html>"); close(); } } --> </script></head> 宜しくお願いします。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
background属性より、style属性で背景を指定する方を推奨します。 変える箇所は1氏と同じですが、 background='背景画像URI' ではなく、 style='background:url(背景画像URI)【半角スペース】背景色;color:文字色' のようにします。(背景画像を使うときは、それと似た色を同時に指定します。また、文字色も同時に指定することを推奨します〈文字色:黒がデフォルトとは限らないので〉) なお、script要素のlanguage属性は非推奨です。代わりにtype="text/javascript"を記述してください(仕様上必須)。また、あまり知られていませんが、HTML文書内に埋め込むスクリプトでは、「</」を書き込めないことになっております。「<\/」「<"+"/」などとして下さい。
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
とりあえずコーテーションの閉じ方にミスが ありますね。 ×subWin =window.open(・・・" + height + '"'); ○subWin =window.open(・・・" + height + "'");
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
>write("<body onload=… のところで write("<body background='b/back.gif' onload=… とでもすればいいと思います。 style を使うというのもありますが