Topic: Mouse Over Effect On Forums (index.php) and Topics (viewtopic.php)

I'm trying to get this .js to work;

// BEGIN ROW CHANGE FUNCTIONS
var activeRow = null;

// Funstion to set the roll over color 
function rowOver(whichEl) {
    if ((!activeRow) || (activeRow && activeRow != whichEl)) whichEl.className = "row-over";
}

// Funstion to set the roll Out color 
function rowOut(whichEl) {
    if ((!activeRow) || (activeRow && activeRow != whichEl)) whichEl.className = "row";
}
//-->

by inserting this in .css

/* Row Over
-------------------------------------------------------------*/    
    
.row  {
    background: #FFFFFF;
    color: #000000;
}

.row-over A:link {
 background: #CCCCCC;
 color: #FF4400;
}

.row-over A:visited {
 background: #CCCCCC;
 color: #FF4400;
}

.row-over {
    background: #CCCCCC;
    color: #000000;
    CURSOR: hand;
}

then adding

onmouseover="rowOver(this)" onmouseout="rowOut(this)

to the index or viewtopic;

problem: I can't seem to find the right place in the .php's to place that line
anyone got any ideas?

I tried

<div id="forum<?php echo $cur_forum['fid'] ?>" class="main-item<?php echo $forum_page['item_style'] ?>">

but that just makes the last post info expand across the whole forum width... :S

Re: Mouse Over Effect On Forums (index.php) and Topics (viewtopic.php)

I don't think you really need JS. Why not to write just this:

.row  {
    background: #FFFFFF;
    color: #000000;
}

.row:hover {
    background: #CCCCCC;
    color: #000000;
    cursor: hand;
}

...