No.3ベストアンサー
- 回答日時:
<html>
<head>
<script language="javascript">
<!--
function s1_chg(val){
var i=document.f.s1.options[val].value;
document.body.style.backgroundImage='url('+i+')';
}
function s2_chg(val){
var i=document.f.s2.options[val].value;
document.body.style.backgroundColor=i;
}
//-->
</script>
</head>
<body style="background-image:url(''); background-color:#ffffff;">
<form name="f" id="f">
<select id="s1" name="s1" onChange="s1_chg(this.selectedIndex);">
<option value="" selected>背景画像を選択してください。</option>
<option value="a.gif">A</option>
<option value="b.gif">B</option>
<option value="c.gif">C</option>
</select>
<br>
※背景画像を表示すると、背景色が表示されません。<br>
※背景画像を透過GIFにすると、画像の背景部分に背景色が表示されます。
<hr>
<select id="s2" name="s2" onChange="s2_chg(this.selectedIndex);">
<option value="" selected>背景色を選択してください。</option>
<option value="#ffcccc">R</option>
<option value="#ccffcc">G</option>
<option value="#ccccff"">B</option>
</select>
<br>
※背景画像が表示されているときは、背景色が表示されません。
</form>
</body>
</html>
No.2
- 回答日時:
背景色を変えるのね。
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
function select1_onchange() {
var s = select1.options(select1.selectedIndex).value;
if (s == ""){return;}
document.bgColor = s;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
これはどうでしょう?<br>
InternetExplorerでしか動かないでしょう<P>
<SELECT id=select1 style="WIDTH: 200px" name=select1 LANGUAGE=javascript onchange="return select1_onchange()">
<OPTION value="" selected>色を選んでね</OPTION>
<OPTION value=black>黒</OPTION>
<OPTION value=red>赤</OPTION>
</SELECT></P>
</BODY>
</HTML>
No.1
- 回答日時:
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
function select1_onchange() {
img.innerHTML = "<IMG style='Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px' src='" + select1.options(select1.selectedIndex).value + "'>";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<P id=img>
これはどうでしょう?<br>
InternetExplorerでしか動かないでしょう<P>
<SELECT id=select1 style="WIDTH: 200px" name=select1 LANGUAGE=javascript onchange="return select1_onchange()">
<OPTION value="" selected>画像を選んでね</OPTION>
<OPTION value=sample1.jpg>sample1</OPTION>
<OPTION value=sample2.jpg>sample2</OPTION>
</SELECT></P>
</BODY>
</HTML>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 2 2022/06/10 11:06
- Visual Basic(VBA) マクロ実行時、自動で背景色を変えたい。 C列にあるチェックボックスをチェックするとB列に「TRUE」 4 2022/11/08 11:14
- ホームページ作成・プログラミング ウィンドウズ11にしたら背景画面が黒くなり直せません 1 2023/04/15 21:55
- Access(アクセス) ACCESS2019 ナビゲーションウィンドウの色 1 2022/05/10 17:15
- その他(Microsoft Office) マクロについて教えてください、、 5 2023/06/06 22:07
- ノートパソコン AMDディスプレイ設定 暖色見にくい 2 2023/07/18 17:24
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- Windows 95・98 タスクバーの背景の色だけを変えたい。 2 2022/07/13 14:44
- Excel(エクセル) エクセルについて教えてください。 2 2023/06/14 11:11
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【javascript】連想配列からセ...
-
selectボックスの選択結果を変...
-
javascriptでセレクトボックス...
-
selectを使った計算
-
リストボックス内の重複したも...
-
セレクトボックスで配列を呼び...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
検索窓とプルダウンメニュー機...
-
Javascriptでフォームのセレク...
-
New OPTIONで作った<Select>の<...
-
複数のプルダウンメニューの組...
-
VBScriptでHTMLのセレクトボッ...
-
selectボックスで選択数を制限...
-
全てのselect要素をデフォルト...
-
セレクトメニューの選択項目変...
-
プルダウンで選択した項目にあ...
-
連想配列からセレクトボックス...
-
プルダウンの値をphpファイルへ...
-
セレクトボタンで特定の項目で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
全てのselect要素をデフォルト...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
JavaScriptで<select>の<option...
-
プルダウン選択を変更すると、...
-
select要素のvalueを配列で取得...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
ラジオボタンとプルダウンを連...
-
【JS】selectでchangeした時の...
-
VBScriptでHTMLのセレクトボッ...
-
リストボックス内の重複したも...
-
同じ名前のセレクトがある場合...
-
プルダウンの値によって活性・...
-
selectが変更されたらnameを指...
-
【javascript】連想配列からセ...
-
3つのselectでURLパラメータを...
-
複数のプルダウンを1つにまとめ...
-
selectボックスで選択数を制限...
-
セレクトボックスで配列を呼び...
おすすめ情報