JavaScript rollover problem

[TyR]

hi, im trying to create a neat little script that displays a text inside a div, heres what i have so far:

<div id="pie">Latest Tutorials</div>

<a href="#" onmouseout="hidetmb()" onmouseover="showtmb('Hello World')"><img src="someicon.png"></a>
<a href="#" onmouseout="hidetmb()" onmouseover="showtmb('w00t')"><img src="someicon.png"></a>
<a href="#" onmouseout="hidetmb()" onmouseover="showtmb('a spoon')"><img src="someicon.png"></a>

<script language="JavaScript">
<!--

function showtmb(texty){
    this.pie.innerHTML = texty;
}
function hidetmb(){
    this.pie.innerHTML = "Latest Tutorials";
}
-->
</script>

It works fine in internet explorer, but I cant get it to work in FireFox :/ any ideas?

 

[Eric]

Hmm... Try this:

<script language="JavaScript">
<!--

function showtmb(texty)
{
  document.getElementById('pie').innerHTML = texty;
}
function hidetmb()
{
  document.getElementById('pie').innerHTML = "Latest Tutorials";
}
// -->
</script>

 

[Dan]

<div id="pie">Latest Tutorials</div>

<a href="#" onmouseout="hidetmb()" onmouseover="showtmb('Hello World')"><img src="someicon.png"></a>
<a href="#" onmouseout="hidetmb()" onmouseover="showtmb('w00t')"><img src="someicon.png"></a>
<a href="#" onmouseout="hidetmb()" onmouseover="showtmb('a spoon')"><img src="someicon.png"></a>

<script language="JavaScript">
function showtmb(texty){
    document.getElementById('pie').innerHTML = texty;
}
function hidetmb(){
    document.getElementById('pie').innerHTML = "Latest Tutorials";
}
</script>

BTW, what does <!-- and --> do inside of the script?

edit: It works; I just tested it.

 

[TyR]

Thanks guys! 'tworks :D

 

[stscac]

BTW, what does <!-- and --> do inside of the script?

It supposedly hides Javascript from older browsers. It is essentially outdated now, since the use of older browsers (browsers not supporting javascript) in web terms are ancient and non-existant today.



Although I did play around with NS4 the other day :p
Very poor CSS support at best.

-Steve