芋掘り UI の練習 1_rev.1

あら、呪文を間違っていたので、再度練習だ

メニューそのいち
メニューそのに
 
メニューそのさん
 

ソース


<dl>
<dt><a href="#" onMouseOver="document.getElementById('show_msg').innerHTML='芋を掘るかの如く出現するのだ。'" onMouseOut="document.getElementById('show_msg').innerHTML=' '">メニューそのいち</a></dt>
<dd id="show_msg"> </dd>
<dt><a href="#" onMouseOver="document.getElementById('show_msg2').innerHTML='リンク先の内容が全く不明だけど、楽しいのか。'" onMouseOut="document.getElementById('show_msg2').innerHTML=' '">メニューそのに</a></dt>
<dd id="show_msg2"> </dd>
<dt><a href="#" onMouseOver="document.getElementById('show_msg3').innerHTML='某所のための練習なのだ。'" onMouseOut="document.getElementById('show_msg3').innerHTML=' '">メニューそのさん</a></dt>
<dd id="show_msg3"> </dd>
</dl>

結果

さとみちんに、間違いを指摘いただきました。innerHTML 自体は Moz も理解するですよ。何が違うかっていうと、要素というかオブジェクトの扱いが。標準 DOM で書くならば、document.getElementById("show_msg").innerHTML かと。 ということで、修正バージョン。おお、Moz もオッケーやん。しかし、<dd>の中身が空白文字ちゅーのはイカンかも。CSS OFF で script OFF の人には可哀想な状態になるねえ。


練習している人

カナかな団首領 2002.06.04

案内