JavaScript rollover problem

TyR · 02-23-2006, 06:12 PM

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

PHP Code:

  <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>

????: NamePros.com http://www.namepros.com/programming/170622-javascript-rollover-problem.html
????: NamePros.com http://www.namepros.com/showthread.php?t=170622
 
<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** · 02-24-2006, 01:50 PM

Hmm... Try this:

HTML Code:

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

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

Dan · 02-24-2006, 02:07 PM

Code:

<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  do inside of the script?
????: NamePros.com http://www.namepros.com/showthread.php?t=170622

edit: It works; I just tested it.

TyR · 02-24-2006, 03:17 PM

Thanks guys! 'tworks

stscac · 02-26-2006, 12:27 PM

Originally Posted by Dan Friedman

BTW, what does  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

????: NamePros.com http://www.namepros.com/showthread.php?t=170622
Very poor CSS support at best.

-Steve

02-23-2006, 06:12 PM	THREAD STARTER #1 (permalink)
TyR NamePros Member Join Date: Dec 2005 Location: Norway Posts: 66	JavaScript rollover problem hi, im trying to create a neat little script that displays a text inside a div, heres what i have so far: PHP Code: <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> ????: NamePros.com http://www.namepros.com/programming/170622-javascript-rollover-problem.html ????: NamePros.com http://www.namepros.com/showthread.php?t=170622 <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? Last edited by TyR; 02-23-2006 at 11:09 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Problems. They can ruin your day if you don't have the right perspective.	BobParsons.com	Business Development	0	12-16-2005 11:38 PM

02-24-2006, 03:17 PM	THREAD STARTER #4 (permalink)
TyR NamePros Member Join Date: Dec 2005 Location: Norway Posts: 66	Thanks guys! 'tworks

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)