Preserved Topic: TR mouseover/mouseout code (Page 1 of 1)

I would like to use CSS to define a javascript action for mouseover/mouseout functions on a Table Row...can anyone point me to a explanation on how to do this so that I can automatically have this done instead of manually placing the code for each TR created?

I haven't heard of that being done. If it can be, I'd REALLY be interested to see how!

do you mean the same effect, that phpmyadmin has?

copy and paste from there:
<BLOCKQUOTE><FONT face="Verdana, Arial">code:</font><HR><pre><tr onmouseover="setPointer(this, '#CCFFCC', '#CCCCCC')" onmouseout="setPointer(this, '#CCCCCC', '#CCCCCC')">


<script>
function setPointer(theRow, thePointerColor, theNormalBgColor)
{
var theCells = null;

if (thePointerColor == ''

why would you *want* to?


Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342

If it's what I'm thinking, he wants to basically tie a javascript function to a CSS class. That way, you don't have to hard code the function calls within the <tr> tags.

Yeah that's the ticket! Thanks Grumble!!!!

see, I get why he would want the dynamicy of it, just wondering why create an event onmousever of a Table Row..


Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342

I have a site with numerous TR's and most of the viewers are older...I was thinking it would be a visual aid for readability

hey grumble, nice code.
thanks for sharing.

np, but as i said above, this is just copied and pasted from the phpmyadmin source.

here's some similar code i made. i also added a "cursor:hand" attribute to the sideNavLink class in the css:

<tr><td class="sideNavLink" onmouseover="hili(this)" onmouseout="unHili(this)" onClick="changePage('index.jsp')"><a class="sideNavLink" href="index.jsp">home</a></td></tr>

<script>

function hili(row)

{

	row.style.background = "B4C7E8";

	row.style.color = "3969AA";

}

function unHili(row)

{

	row.style.background = "3969AA";

}



function changePage(page)

{

	document.location.href = page;

}

</script>

"there has to be a solution."