HTML and CSS

Skerryman

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Nov 2006

Posts: 1

Reputation: John McGeary is an unknown quantity at this point

Solved Threads: 0

John McGeary John McGeary is offline

Offline

Newbie Poster

Skerryman

Nov 25th, 2006

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?

•

Join Date: Jul 2005

Posts: 154

Reputation: katarey is an unknown quantity at this point

Solved Threads: 20

katarey

Offline

Junior Poster

Re: Skerryman

Nov 28th, 2006

•

Originally Posted by John McGeary

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>

[HTML]<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function imgDiscriptionHide()
{
document.frm.textarea.value = " ";
}
function imgDiscriptionShow(discriptionImg)
{
document.frm.textarea.value = discriptionImg;
}
/*]]>*/
</script>
[/HTML]

in <Body>

[HTML]<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>[/HTML]

Freelance Web Designer & Developer
Http//www.Katarey.com