HTMLのIFRAMEについて教えて

質問

HTMLのIFRAMEについて教えて欲しいのですが、
例えば、cgiの入力項目で、数字の１を入力した場合、aaa.htmlというページ内にあるIFRAMEで囲まれた
エリア内に、１の写真が表示できるようにしたいのです。

現在、以下のような記述をしているのですが、IFRAMEの部分がエラーになってしまうのです。(>_<)
noには、数字の変数が入っています。

他の方法でも結構なのですが、数字によってIFRAME内に表示される写真を変えたいのです。
どなたか、宜しくおねがいします。

<script type="text/javascript">
<!--
switch(no){
case 0: id = "01.jpg"; break;
case 1: id = "02.jpg"; break;
case 2: id = "03.jpg"; break;
default : id = "00.jpg"; break;
}
// -->
</script>

<iframe src="id" name="picture" width="300" height="300"></iframe>

回答No.1

yyr446 · ベストアンサー

これってcgiで出力するhtmlの話ですか？それとも単なるDOM操作ですか？
後者なら
<iframe id="target" src="id" name="picture" width="300" height="300"></iframe>
としておいて、
switch(no){
case 0: id = "01.jpg"; break;
case 1: id = "02.jpg"; break;
case 2: id = "03.jpg"; break;
default : id = "00.jpg"; break;
}
document.getElementById("target").setAttribute("src",id);
でセットするだけです。

回答No.2

LOHA

画像を表示するだけなのでしたら、どうせJavascriptを使うならiframeなどつかわずに普通にimgをDOM操作するのがスマートだと思いますよ。

ちなみに本当にCGIを使っているのでしたら、iframeを使う必要もないし、Javascriptも必要ないと思います。

# おそらくCGIの意味を取り違えているだけで、CGIは関係ないと思われますが

補足

はい、皆様のアドバイス通り、cgiは一例でございまして、
現在は、ソースファイルで「switch」文の前に「１」や「２」といった数字を入れて実験をしている状態です。
iframe文の、「src」に「id」と入れると、「no」が「１」の時に、「02.jpg」が入らないので困っております。
初心者なのですみません。