InnerHTML basically controls the content between a opening
and a closing tag. You can use it to change content between
opening and closing tags too !!! Try this example:
<HTML>
<HEAD>
<style>
span{
background-color: 0000FF;
color: FFFFFF;
text-decoration: underline overline;
font: bold;
}
</style>
<script language="JavaScript">
<!--
function show(myMessage)
{
self.span1.innerHTML = myMessage;
}
function hide()
{
self.span1.innerHTML = '';
}
//-->
</script></HEAD>
<BODY>
<table cellpadding="2"><tr><td>
<a href="
onmouseover="show(this.value)" onmouseout="hide()"
value="Go to Cas Wegkamp's personal homepage !!!"> Move cursor here to popup message </a>
</td><td>
<a href="
onmouseover="show(this.value)" onmouseout="hide()"
value="It's a really cool homepage !!!"> Move cursor here to popup message </a>
</td><td>
<a href="
onmouseover="show(this.value)" onmouseout="hide()"
value="Check it out, you'll love it !!!"> Move cursor here to popup message </a>
</td></tr></table><br>
<span id="span1"></span><span><-- My Mouseover message !!!</span>
</BODY>
</HTML>
Just copy this into notepad and save the file as test.html
Look what happens when you go over the hyperlinks with your
mouse
I hope this helps,
BobbaFet
Everyone has a right to my opinion.
E-mail me at
caswegkamp@hotmail.com