クリックすると下に説明文が出るものを作りたい。

締切済

質問者：gorugo14
質問日時：2002/11/05 14:43
回答数：3件

ホームページで辞典を作ろうと思っています。
クリックすると、その単語の説明が下に表示されて、再度クリックすると、表示が閉じるタイプのものが作りたいのですが、現在私が作っているものではエラーが出ます。
<HTML>
<HEAD>
<TITLE>単語辞典</TITLE>
<SCRIPT language="JavaScript"></SCRIPT>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY>
<I>あ行</I><BR>
<A onClick=" sld('01')">■単語<BR>
</A>
<DIV style="DISPLAY:none; class=sld id=01">単語の説明文</DIV>
</BODY>
</HTML>
※エラーは<A onClick=".....">のAの部分で「オブジェクトを指定してください」と出てきます。
どなたかお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： nuki
回答日時：2002/11/05 18:25

既に回答されている方々も結論についてはご指摘の通り、「オブジェクトを指定してください」というエラーは、<A onClick=" sld('01')">のonclickイベントハンドラで指定しているJavaScript関数sldが定義されていないことから発生しています。

CSSとJavaScriptを混同されているのではと、想像できました。

恐らく、お望みの動作に近づけるためには、
<A onClick=" sld('01')">■単語<BR>
</A>
<DIV style="DISPLAY:none; class=sld id=01">単語の説明文</DIV>
の代わりに、
<A onClick="id01.style.display = ''">■単語<BR>
</A>
<DIV style="display: none;" class="sld" id="id01">単語の説明文</DIV>
とすれば良いでしょう。

これで、非表示→表示への切り換えが実現できます。