PHP OnMouseover??

[Padgoi]

Ok, I have this line of code and I want to add a onMouseover change background color to it.  Can anyone help me with this?

 

Here's the line:

 

$topic['PAGES'] .= '<span class="desc" style="margin-left:15px;background:#87CEFA; border: 1px solid #976621; width:20px; padding: 3px;"><a href="' . $this->ipsclass->base_url . 'showtopic=' . $topic['tid'] . '&view=getnewpost" style="font-size: 10px;text-decoration:none;">' . $newPosts . ' ' . $this->ipsclass->lang['pz_newposts'] . $incS . '!</a></span>';	

 

Right now, the background is specified as 87CEFA, but I want it to change to something else onMouseover.  Any help?

[unidox]

Use javascript or mootools, and this isint in the write section.

[Padgoi]

Can anyone help me with this as far as where to put in the javascript or the onMouseover command?

[thebadbad]

<span id="spanname" style="background-color: #87cefa;" onmouseover="document.getElementById('spanname').style.backgroundColor='#ffff00'" onmouseout="document.getElementById('spanname').style.backgroundColor='#87cefa'">Sample text</span>

 

EDIT: Forgot the onmouseout event, to change the color back again. Added.

 

Or you could use CSS, but I'm not sure it would work in old browsers:

 

span#spanname {
background-color: #87cefa;
}

span#spanname:hover {
background-color: #ffff00;
}