window
トップページ > 過去ログ > 記事閲覧
*オンマウス時に説明文を表示させる時に
日時： 2006/12/07 10:18
識別： ID:1.GYvXMpy/e1
名前： kabi
初めまして。質問させていただきます。

オンマウス時に説明文を表示させる時に、
「文字」にマウスを乗せると説明文が出てくるのタグは以下の通りなのですが

<SCRIPT language="JavaScript">
<!--
function up(text){
document.getElementById('te').innerHTML=text;
set.style.posLeft =document.body.scrollLeft+window.event.clientX+10;
set.style.posTop =document.body.scrollTop+window.event.clientY+10;
document.all('set').style.display="block";}
function kes(){document.all('set').style.display="none";}
//-->
</SCRIPT>

<DIV style="display:none;position:absolute;filter:Alpha(opacity=70);" ID="set">
<TABLE BORDER=1 style="border-style:solid" BORDERCOLOR="#333333" BGCOLOR="#E0E0E0" cellspacing=1 cellpadding=20>
<TR><TD BGCOLOR="#FFE0E0"><SPAN ID="te"></SPAN></TD></TR>
</TABLE>
</DIV>

<A HREF="リンク先のＵＲＬ" onmouseover="up('説明文')"; onMouseout="kes()">乗せると説明が出てくる文字</A>

これを「文字」ではなく「画像」にマウスを乗せた時に説明文が出てくるように
応用したいのですが、どうすれば良いでしょうか？
恐らく最後のタグをいじると思うのですが、思うように出来なくて困っています。
初心者な者で、馬鹿馬鹿しい質問かもしれませんが、
どなたか宜しくお願いします。

Re: オンマウス時に説明文を表示させる時に ( No.1 )
日時： 2006/12/07 13:21
名前： カヅサツ
参照： http://kadu.vis.ne.jp/main/

ええと、それは「タグ」ではありません。JavaScriptです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
#CommentDiv{
position:absolute;
filter:Alpha(opacity=70);
display: none;
}
#CommentDiv span{
background-color: #FFE0E0;
border-width: 1px;
border-style: solid;
border-color: #333333;
padding: 20px;
line-height: 4;
}
</style>
<script type="text/javascript">
var comment ="";
function ShoComment(obj){
comment = obj.title;
var CommentDiv = document.getElementById('CommentDiv')
var CommentSpan = CommentDiv.getElementsByTagName('span')[0].childNodes[0];
var MainBody = document.getElementsByTagName('body')[0];
CommentDiv.style.display="block";
CommentDiv.style.posLeft = MainBody.scrollLeft+window.event.clientX+10;
CommentDiv.style.posTop = MainBody.scrollTop+window.event.clientY+10;
CommentSpan.nodeValue = comment;
obj.title = "";
}
function DelComment(obj){
obj.title = comment;
var CommentDiv = document.getElementById('CommentDiv')
CommentDiv.style.display="none";
var CommentSpan = CommentDiv.getElementsByTagName('span')[0].childNodes[0];
CommentSpan.nodeValue = "";
}
</script>
</head>
<body>
<div id="CommentDiv"style=""><span>(ここにコメントが入ります)</span></div>
<p><img src="http://www.courts.go.jp/img/main_bg.jpg" alt="裁判所" title="説明文"
onmouseover="ShoComment(this);" onmouseout="DelComment(this);"></p>
</body>
</html>
Re: オンマウス時に説明文を表示させる時に ( No.2 )
日時： 2006/12/07 13:34
名前： kabi

返信有難う御座います。
JavaScriptでしたか；申し訳ありません。
これはタグでしょうか？
裁判所と書かれた画像が出てくるのですが、
何をすれば良いのでしょうか。
聞いてばかりですみません。
Re: オンマウス時に説明文を表示させる時に ( No.3 )
日時： 2006/12/07 18:07
名前： カヅサツ
参照： http://kadu.vis.ne.jp/main/

> これはタグでしょうか？
JavaScriptを含む HTML文書のサンプルです。
(多分、「タグ」という用語を勘違いされていると思います。タグは何もしません。何も出しません)

> 裁判所と書かれた画像が出てくるのですが、
 > 何をすれば良いのでしょうか。
ええと

> 「画像」にマウスを乗せた時に説明文が出てくるように
 > 応用したいのですが、どうすれば良いでしょうか？
ということなので、応用したサンプルを提出してみたのですが。
Re: オンマウス時に説明文を表示させる時に ( No.4 )
日時： 2006/12/08 18:14
名前： kabi
状態： 解決!

そうだったのですか。有難う御座います。
サンプルを元に頑張ってみたいと思います。

タグの言葉も勘違いしていたみたいで・・；
本当にご迷惑お掛けしました。
Re: オンマウス時に説明文を表示させる時に ( No.5 )
日時： 2007/01/25 13:57
名前： mob

<A HREF="リンク先のＵＲＬ" onmouseover="up('説明文')"; onMouseout="kes()">乗せると説明が出てくる文字</A>

を

<A HREF="リンク先のＵＲＬ" onmouseover="up('説明文')"; onMouseout="kes()"><img src="乗せると説明が出てくる画像"></A>

にしたかったのでは？