人に聞けない痔の悩み、これでスッキリ >>

早速ですが質問の内容を見てください
―――――――――――――――――――
HTMLで写真を3つ貼りました。
この3つの写真は常に表示しておきます。
3つの内のいずれか一つの写真をクリックすると2つの選択肢が出てくるようにします。この2つの選択肢はクリックされたとき表示されます。
それ以外は非表示です。
他の2つも2つの選択肢を同じように設定しておきます。
2つの選択肢にはリンク先を張っておきます。
―――――――――――――――――――

よく意味が伝わらなかったと思いますが、理解されたように回答していただければ結構なのでご回答のほどよろしくお願いします

このQ&Aに関連する最新のQ&A

A 回答 (2件)

たとえばこんな感じでしょうか



<style type="text/css">
.areas{
display:none;
}
</style>

<script language="javascript">
function view(str){
var divs=document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++){
if(divs[i].className=="areas"){
if(divs[i].id==str) divs[i].style.display="block";
else divs[i].style.display="none";
}
}
}
</script>

<img src="a.jpg" width="100" height="100" onClick="view('areaA')">
<img src="b.jpg" width="100" height="100" onClick="view('areaB')">
<img src="c.jpg" width="100" height="100" onClick="view('areaC')">
<div id="areaA" class="areas">
<form>
<input type="radio" name="a" value="1">選択肢A-1
<input type="radio" name="a" value="2">選択肢A-2
</form>
</div>
<div id="areaB" class="areas">
<form>
<input type="radio" name="b" value="1">選択肢B-1
<input type="radio" name="b" value="2">選択肢B-2
</form>
</div>
<div id="areaC" class="areas">
<form>
<input type="radio" name="c" value="1">選択肢C-1
<input type="radio" name="c" value="2">選択肢C-2
</form>
</div>
    • good
    • 0

どの部分が質問なのですか?

この回答への補足

すいません。一方的に話してしまっていました。
写真を3つ貼り付けるまではできたのですが、2つの選択肢を出すところがわかりません。
質問文はどのように動作するかを書いていました。
確かに質問部分がまったくわからない投稿の仕方をしてしまっていました。
申し訳ありません。

補足日時:2007/06/18 21:28
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


このカテゴリの人気Q&Aランキング