Hello all!
I am not a computer geek! I just need a little help with aonMouseOver project that I am working on. I want to place a discription of an image when the mouse is rolled over it in a text box alongside the image.Can anyone help?
John McGeary
0
Newbie Poster
katarey
27
Junior Poster
Hello all!
I am not a computer geek! I just need a little help with aonMouseOver project that I am working on. I want to place a discription of an image when the mouse is rolled over it in a text box alongside the image.Can anyone help?
Hi there,
you can use this code,
in <Head>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function imgDiscriptionHide()
{
document.frm.textarea.value = " ";
}
function imgDiscriptionShow(discriptionImg)
{
document.frm.textarea.value = discriptionImg;
}
/*]]>*/
</script>in <Body>
<table width="366" border="0" cellspacing="3" cellpadding="3">
<tr>
<td width="122">
<a href="#" onmouseover="imgDiscriptionShow('1Img');" onmouseout="imgDiscriptionHide();">
<img src="logo.jpg" alt="alt" width="122" height="124" border="0" />
</a>
</td>
<td width="122">
<a href="#" onmouseover="imgDiscriptionShow('2Img');" onmouseout="imgDiscriptionHide();">
<img src="logo.jpg" alt="alt" width="122" height="124" border="0" />
</a>
</td>
<td width="122">
<a href="#" onmouseover="imgDiscriptionShow('3Img');" onmouseout="imgDiscriptionHide();">
<img src="logo.jpg" alt="alt" width="122" height="124" border="0" />
</a>
</td>
</tr>
<tr>
<td colspan="3">
<form name="frm" action="" method="post">
<div align="center">
<textarea name="textarea" cols="40" rows="5"></textarea>
</div>
</form>
</td>
</tr>
</table>
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.