Javascript: show/hide contents os <span>

[Barrucadu]

I am attempting to show a <span> tag when the user hovers over a link, and hide it when they move the mouse off. But the code just dosn't work.

Here is my JavaScript:

function showSpan(name){
     document.getElementByName(name).style.display = "block";
}
function hideSpan(name){
     document.getElementByName(name).style.display = "none";
}

Here is my HTML:

<a href="Algorithms.html" onMouseOver="showSpan('Algorithms');" onMouseOut="hideSpan('Algorithms');">Algorithms</a>
<span name="Algorithms" style="display:none;"> - Test.</span>

 

[cef]

1. in your span, replace name= with id=

2. in your function, replace both instances of getElementByName with getElementById

That should do it

 

[tm]

Yes.. and not so important but make onMouseOver and onMouseOut to lowercase if you want them to validate as XHTML.

 

[Barrucadu]

Ahhh, thats it. works perfectly, thanks.

$cef->rep++;
$tm->rep++;