電子書籍の厳選無料作品が豊富!

テキスト、もしくは画像リンクのオンマウス時に、同ページ内のテーブルに注釈を表示させたいのですが、
<SPAN id="msg"></SPAN>を何処に入れてもテーブルの上、下に表示されてしまいます。やはり<TBODY>内に入れるのでしょうか…もしそうでしたら、どうすべきなのかお教えして頂きたいです。

A 回答 (4件)

このような感じですか?



<html>
<head>
<script type="text/javascript">
<!--
function showmsg(imsg){
msg.innerText=imsg;
}
//-->
</script>
</head>
<body>
<table border="1">
<tr>
<td>
<span onmouseover="showmsg('説明文表示実験')"
onmouseout="showmsg('ここに説明文を表示')">ここにマウスを乗せて下さい。</span>
</td>
</tr>
<tr>
<td>
<span id="msg">ここに説明文を表示</span>
</td>
</tr>
</table>
</body>
</html>

この回答への補足

ご返答を有り難う御座います。
かなり近いソースだったので、使用してみたのですが上手くいきません。リンクの張ってある画像にオンマウスで説明を入れる時は以下で宜しいのでしょうか。でもこれだと上手くいかず…


<P>
<A href="file:index.html">
<span onmouseover="showmsg('説明文表示実験')"
onmouseout="showmsg('ここに説明文を表示')">
<IMG src="logo.gif" width="41" height="16"
border="0" alt="FIRST
">
</span>
</A>
</P>


ホームページビルダーを使用しているのですが、

<P>
<a href="index.html"onmouseover="msg.innerHTML='テスト'"
onmouseout="msg.innerHTML='
<center>テストの文字に変わる?</center>'">
<IMG src="logo.gif" width="41" height="16" border="0" alt="FIRST
">
</a>
</P>

こちらだと、オンマウス時に字が出るのですが、テーブル外になってしまいます。ちなみに、テーブルの<td>内に<span id="msg"></span>を入れるとオンマウス時の説明は表示されません。

引き続き、お教え頂きたいです。

補足日時:2004/09/03 02:01
    • good
    • 0

多分趣旨が違うと思いますが、



<a href="index.html" title="文字を入れる">xxx</a>

とやればツールチップ(ポップアップ?)で表示されます。
ちょっとマウスを置いておかなければ出ませんが。

ちょっと言いたかっただけなので、
気になさらずに流してください。。
    • good
    • 0

こちらなんてどうですか?



参考URL:http://hp.xrea.jp/m/link/38.html

この回答への補足

ご返答が遅れてしまい、申し訳ありません。
www15さんの仰ってるものが1番近いのですが…私の説明不足でした。テーブルはあらかじめ用意してあり、その中にリンクのオンマウスで文字を表示させたいのです。まだ苦戦しておりますので、良ければお教え下さい。

補足日時:2004/09/03 01:48
    • good
    • 0

http://tgtag.chu.jp/pb1c.htmlのオンマウスで現れるテーブルのようなことでしょうか?

参考URL:http://tgtag.chu.jp/pb1c.html

この回答への補足

ご返答が遅れてしまい、申し訳ありません。
www15さんの仰ってるものが1番近いのですが…私の説明不足でした。テーブルはあらかじめ用意してあり、その中にリンクのオンマウスで文字を表示させたいのです。まだ苦戦しておりますので、良ければお教え下さい。

補足日時:2004/09/03 01:46
    • good
    • 0

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