JavaScript掲示板
1 美沙

どなたか・・・

ここまで作りました。後は各、動物アイコン、人物アイコン等の値に対して画像を変更するだけなんですけど、難しくてわかりません。サンプルコードをどなたかぜひお願いいたします。
こんな難しいの誰かできるのかな・・・
> <html>
> <head>
> <title></title>
> <script language="Javascript" type="text/javascript">
> <!--
> var data = new Array("素材を選択してください","アイコン","テクスチャ","壁紙");
> var data0 = new Array("↑から素材を選択してください。");
> var data1 = new Array("アイコンの素材を選択してください","動物アイコン","人物アイコン","食べ物アイコン");
> var data2 = new Array("テクスチャの素材を選択してください","POP","宇宙","自然");
> var data3 = new Array("壁紙の素材を選択してください","風景写真","動物写真","イラスト");
> function setlist(objid, arr){
> var obj = document.getElementById(objid);
> for(i=obj.length; i>=0; i--){ obj.options[i] = null; }
> for(i=0; i<arr.length; i++){
> obj.options[i] = new Option(arr[i]);
> obj.options[i].value = arr[i];
> }
> }
> function Gazou(mysrc){
> document.myIMG.src=mysrc;
> }

> //-->
> </script>
> </head>
> <body onload="setlist('sel0', data);" style="margin:0px;">
> <div style="margin:20px;padding:10px;background-color:#ffffff;width:530px;">
> <b>ダウンロードしたい
> 素材を選択してください。
> <form>
> <select id="sel0" input type="radio" name="sel0" style="width:200px;" onChange="setlist('sel1', eval('data' + this.selectedIndex))">
> <option>---</option>
> </select>

>
> <select id="sel1" name="sel1" style="width:200px;" onChange="">
> <option>↑から素材を選択してください。</option>
> </select>
> </form>
> </div>
> <img name="myIMG" src="myIMG.src=mysrc" border="0" align="right">

> </body>
> </html>
(PC)
削除
4 PUREST◆gAxC
とりあえず手抜きですが、元のサンプルを生かして作りました。
Firefoxだとリロードしたときに、読み込みが途中で止まりますね。（元のサンプルもそうですが…）
Netscape7.1では平気でした。
うちのFirefoxがおかしいのかな・・・
画像のプリロードもしておいた方がいいでしょうね。

<html>
<head>
<title>サンプル</title>
<script language="Javascript" type="text/javascript">
<!--
var data = new Array("素材を選択してください","アイコン","テクスチャ","壁紙");
var data0 = new Array("↑から素材を選択してください。");
var data1 = new Array("アイコンの素材を選択してください","動物アイコン","人物アイコン","食べ物アイコン");
var data2 = new Array("テクスチャの素材を選択してください","POP","宇宙","自然");
var data3 = new Array("壁紙の素材を選択してください","風景写真","動物写真","イラスト");
var imgarr = [
[],["","11.gif","12.gif","13.gif"],["","21.gif","22.gif","23.gif"],["","31.gif","32.gif","33.gif"]
];
var idnum;
function setlist(objid, arr){
var obj = document.getElementById(objid);
//for(i=obj.length; i>=0; i--){ obj.options[i] = null; }
idnum = arr;
arr = eval('data'+arr);
for(i=0; i<arr.length; i++){
obj.options[i] = new Option(arr[i]);
obj.options[i].value = arr[i];
}
}
function Gazou(mysrc){
if(idnum&&mysrc)
document.myIMG.src=imgarr[idnum][mysrc];
}

//-->
</script>
</head>
<body onload="setlist('sel0', '');" style="margin:0px;">
<div style="margin:20px;padding:10px;background-color:#ffffff;width:530px;">
<b>ダウンロードしたい<br>素材を選択してください。
<form>
<select id="sel0" input type="radio" name="sel0" style="width:200px;"
onChange="setlist('sel1', this.selectedIndex)">
<option>---</option>
</select><p>
<select id="sel1" name="sel1" style="width:200px;" onChange="Gazou(this.selectedIndex)">
<option>↑から素材を選択してください。</option>
</select>
</form>
</div>
<img name="myIMG" src="" border="0" align="right">
<!--src属性には最初に表示される画像URIを入れるか、visibilityを別途制御-->
</body>
</html>
(PC)
削除
5 PUREST◆gAxC
書き直し。
<html>
<head>
<title>サンプル</title>
<script language="Javascript" type="text/javascript">
<!--
var data = new Array("素材を選択してください","アイコン","テクスチャ","壁紙");
var data0 = new Array("↑から素材を選択してください。");
var data1 = new Array("アイコンの素材を選択してください","動物アイコン","人物アイコン","食べ物アイコン");
var data2 = new Array("テクスチャの素材を選択してください","POP","宇宙","自然");
var data3 = new Array("壁紙の素材を選択してください","風景写真","動物写真","イラスト");
var imgarr = [
[],["","11.gif","12.gif","13.gif"],["","21.gif","22.gif","23.gif"],["","31.gif","32.gif","33.gif"]
];
var idnum;
function setlist(objid, arr){
var obj = document.getElementById(objid),i;
for(i=obj.length; i>=0; i--){ obj.options[i] = null; }
idnum = arr;
arr = eval('data'+arr);
for(i=0; i<arr.length; i++){
obj.options[i] = new Option(arr[i]);
obj.options[i].value = arr[i];
}
}
function Gazou(mysrc){
if(idnum&&mysrc)
document.myIMG.src=imgarr[idnum][mysrc];
}
function prel(){
var i,j;
for(i=1;i<imgarr.length;i++){
for(j=1;j<imgarr[i].length;j++){(new Image()).src=imgarr[i][j];}
}
}

//-->
</script>
</head>
<body onload="setlist('sel0', '');prel();" style="margin:0px;">
<div style="margin:20px;padding:10px;background-color:#ffffff;width:530px;">
<b>ダウンロードしたい<br>素材を選択してください。
<form>
<select id="sel0" input type="radio" name="sel0" style="width:200px;"
onChange="setlist('sel1', this.selectedIndex)">
<option>---</option>
</select><p>
<select id="sel1" name="sel1" style="width:200px;" onChange="Gazou(this.selectedIndex)">
<option>↑から素材を選択してください。</option>
</select>
</form>
</div>
<img name="myIMG" src="" border="0" align="right">
<!--src属性には最初に表示される画像URIを入れるか、visibilityを別途制御-->
</body>
</html>
(PC)
削除
6 Mark
Very good website http://oooauthors.org/Members/pc/poker-8.htm
(PC)
ＨＰ削除
7 Robert
Very nice site! http://oooauthors.org/Members/pc/poker-11.htm
(PC)
ＨＰ削除
8 ma663zda
c170t
(PC)
ＨＰ削除
9 nemoto
絶対見てはいけません！ヾ(*′∀`*)ﾉ★ http://hemn.me/img/?d=3736041
(PC)
ＨＰ削除
10 郁恵
ソープランドを超えたサービス実施中！(〃▽〃)　http://sns.fgn.asia/
(PC)
ＨＰ削除