Cell Highlight full ROW on Main Page (CB)

[Former Member]

On the main page, instead of the cell highlight on mouseover, the complete row highlights.
What to Edit

• You will need to eidt your desired mouseover color in the beginning of the code.

var mouseover = "#6699FF"; //Edit mouseover color

How It Works

• When a board is hovered that boards complete row highlights instead of the default method which only highlights that cell.
  
• When a board is unhovered that boards row returns back to it's normal state

Placement

• Main Footer

Preview


<script type = "text/javascript">
//Cell Highlight full row on Main Page
//Placement: Main Footer
//Coded by Game
//http://gamesplace.boards.net

var mouseover = "#6699FF"; //Edit mouseover color

//No Editing Required Below This Point
var i;
var td = document.getElementsByTagName("td");
for (i = 0; i < td.length; i++) {
if (td[i].width == "66%" && td[i].className === "windowbg2") {
wbg = td[i].previousSibling.style.backgroundColor;
wbg2 = td[i].style.backgroundColor;
td[i].onmouseover = function() {
this.style.backgroundColor = mouseover;
this.previousSibling.style.backgroundColor = mouseover;
this.nextSibling.style.backgroundColor = mouseover;
this.nextSibling.nextSibling.style.backgroundColor = mouseover;    
this.nextSibling.nextSibling.nextSibling.style.backgroundColor = mouseover;
}
td[i].onmouseout = function () {
this.style.backgroundColor = wbg2;
this.previousSibling.style.backgroundColor = wbg;
this.nextSibling.style.backgroundColor = wbg;
this.nextSibling.nextSibling.style.backgroundColor = wbg;
this.nextSibling.nextSibling.nextSibling.style.backgroundColor = wbg2;
}
}
}
</script>