項目を選んだときに説明文を入れ替えるには？
[上に]
[前に]
[次に]
S
2000/05/24(水) 22:13:08
<SELECT>タグを使ってリストをつくり、その項目をクリックすると
その説明文が入れ替わる、というようなことがしたいのですが、
どうすればできるのかわかりません。
できればフレームを使わずに、多くのブラウザで見れるページに
したいのですが、勉強を始めたばかりの私でも簡単にできるやり方が
あったら教えてください。
ひつじどし
2000/05/25(木) 08:54:58
これではいかがでしょう？
----------------------
<HTML>
<head>
<title>sample</title>
<script language="javascript">
<!--
function setumei() {
nn = document.forms[0].elements[0].selectedIndex;
MM = document.forms[0].elements[1];
if( nn == 0 ) { MM.value = "やきとり"; }
if( nn == 1 ) { MM.value = "どんぶり"; }
if( nn == 2 ) { MM.value = "ジンギスカン"; }
}
//-->
</script>
</head>
<body>
<form>
<select onChange="setumei()">
<option selected>とり</option>
<option>うし</option>
<option>ひつじ</option>
</select>
といえば
<input type=text size="20" value="やきとり">
</form>
</body>
</HTML>
S
2000/05/27(土) 00:13:54
ひつじどしさん、ありがとうございます。
高度すぎて私にはまだ理解しきれていませんが、がんばって理解
します。
ただ、この場合だと説明文を表示する場所が文字の入力欄になり
ますよね？<form>〜</form>以外の場所に表示することは無理なん
でしょうか。
注文が多くて申し訳ありませんが、教えてくだされ〜。
ひつじどし
2000/05/27(土) 01:07:14
私もそれをやりたいんですが普通のところ〈入力フィールドでないところ〉
の場所を指定する方法がわかりません。
フォームの中のものなら、名前か、何番目かで指定できるのですが、
それ以外の場所というのはどうやって特定するのでしょう？
誰かわかる方、教えてくだされ〜。
おたふく
2000/05/27(土) 07:16:47
こんにちは
こんな感じであればできますが、
レイヤーを使っているので、NN、IEともVer4以降?でないとだめです。
僕もはじめたばかりで詳しいことはわかりませんので、
http://www.fureai.or.jp/~tato/DHTML/simple/contents.htm
http://www5.airnet.ne.jp/martin/CrossBrowser/
このへん見てみてください。
<HTML>
<head>
<title>sample</title>
<script language="javascript">
<!--
function changeHtml(layerName,htmlContents){
if(document.all)document.all(layerName).innerHTML=htmlContents;
if(document.layers){
with(document.layers[layerName].document){
open("text/html");
write(htmlContents);
close();
}
}
}
Ans=new Array('やきとり','どんぶり','ジンギスカン')
function setumei() {
nn = document.forms[0].elements[0].selectedIndex;
for(i=0;i<3;i++){
if(nn==i)changeHtml('answer',Ans[i])
}
}
//-->
</script>
</head>
<body onLoad="setumei()">
<form>
<select onChange="setumei()">
<option selected>とり</option>
<option>うし</option>
<option>ひつじ</option>
</select>
といえば
</form>
<DIV ID=answer STYLE="position:absolute;left:10;top:40"></DIV>
</body>
</HTML>
サルビア
[E-Mail]
[HomePage]
2000/05/27(土) 07:20:41
コメントを画像にするとかはダメですか？
document.images[0].src="コメント"+n+".gif" ;n=コメントインデックス
みたいにするとか。（強引かな？）
[上に]
[前に]
[次に]