いつもお世話になっております。
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>
宜しくお願いします。
No.3ベストアンサー
- 回答日時:
background属性より、style属性で背景を指定する方を推奨します。
変える箇所は1氏と同じですが、
background='背景画像URI'
ではなく、
style='background:url(背景画像URI)【半角スペース】背景色;color:文字色'
のようにします。(背景画像を使うときは、それと似た色を同時に指定します。また、文字色も同時に指定することを推奨します〈文字色:黒がデフォルトとは限らないので〉)
なお、script要素のlanguage属性は非推奨です。代わりにtype="text/javascript"を記述してください(仕様上必須)。また、あまり知られていませんが、HTML文書内に埋め込むスクリプトでは、「</」を書き込めないことになっております。「<\/」「<"+"/」などとして下さい。
No.2
- 回答日時:
とりあえずコーテーションの閉じ方にミスが
ありますね。
×subWin =window.open(・・・" + height + '"');
○subWin =window.open(・・・" + height + "'");
No.1
- 回答日時:
>write("<body onload=…
のところで
write("<body background='b/back.gif' onload=…
とでもすればいいと思います。
style を使うというのもありますが
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 画像の表示位置 3 2022/12/23 08:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プログラミング初心者です
-
GIFアニメの動きが止まってしま...
-
特定の時間帯だけ有効にする
-
新しいウィンドゥを最大化で立...
-
ジャバスプリクトでフレームの...
-
Javascriptで小窓の設定
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavascriptとJqueryを混在し記述
-
Dreamweaver で 外部JSを読み込...
-
pythonのWebスクレイピングでfi...
-
条件分岐で、読み込む外部スク...
-
Safariで<iframe>のinnerHTMLを...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
function の return 値を表示し...
-
リンクをクリックすると文字が...
-
jqueryでのkeydownイベント発生...
-
ウィンドウ名の設定
-
擬似フレーム
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
新しいウィンドゥを最大化で立...
-
SQLのWHEREで全てを質問する方法
-
小窓を表示する時に、必ず右上...
-
window.openでフルスクリーン表...
-
htmlファイルを開いた時の画面...
-
外部からのjs呼び出しについて。
-
町内会での不倫
-
IF文で該当の処理を通らない
-
Canvasを使って描画して面積取得
-
window.openの後にエンコードを...
-
色の指定で配列を使いたい
-
文字をクリックすると 小窓が開く
-
エクセルファイルをIE のウィン...
-
サブウインドウの高さを自動で...
-
window.open オートコンプリー...
-
HP作成の小窓リンクを作るには?
-
小窓を開くJSで、高さを調節し...
-
javascriptを別ファイルにして...
-
ポップアップ広告みたいな…
-
リンク先の別ウインドウをスク...
おすすめ情報