Highlighted Table Cells

Rider · **Highlighted Table Cells -** 02-04-2003, 01:56 PM

I've done this before on an old site of mine. But, it was super simple and I knew where to put it. On my site the code is as follows:

In head section:

Code:

<script language="JavaScript1.2">

var ns6=document.getElementById&&!document.all
var ie=document.all

function changeto(e,highlightcolor){
source=ie? event.srcElement : e.target
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD"&&source.tagName!="HTML")
source=ns6? source.parentNode : source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function contains_ns6(master, slave) { //check if slave is contained by master
while (slave.parentNode)
if ((slave = slave.parentNode) == master)
return true;
return false;
}

function changeback(e,originalcolor){
if (ie&&(event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore"))
return
else if (ns6&&(contains_ns6(source, e.relatedTarget)||source.id=="ignore"))
return
if (ie&&event.toElement!=source||ns6&&e.relatedTarget!=source)
source.style.backgroundColor=originalcolor
}

</script>

And then in the main table code:

Code:

<table border="1" cellpadding="2" cellspacing="3" width="100%" bordercolor="#efefef" onMouseover="changeto(event, '3366cc')" onMouseout="changeback(event, 'white')">

That is correct, right? If so, what file exactly do I need to make the changes to have it for my forums? I am using fiapple theme.

-Rider

mikem · 02-04-2003, 01:59 PM

Try putting that <script> in the overall_header.tpl for fiapple template in the last parts of that file where the <body> HTML starts.

mikem

Rider · **Yay -** 02-04-2003, 02:21 PM

It worked!

-Rider

mikem · **Re: Yay -** 02-04-2003, 02:24 PM

Quote:

Originally Posted by Rider

It worked!

-Rider

well, diggity dang. cool :-)

Martin · 02-04-2003, 02:50 PM

OK I'm in suspence. What file is the "main table code" where you put the colors and stuff in?

mikem · 02-04-2003, 02:59 PM

Quote:

Originally Posted by Martin

OK I'm in suspence. What file is the "main table code" where you put the colors and stuff in?

just looks like a rollover color change for the table cells with links.

mikem

Martin · 02-04-2003, 03:04 PM

Yes but I'm asking what template file do you add the code, the one that has the colors and all?

Code:

<table border="1" cellpadding="2" cellspacing="3" width="100%" bordercolor="#efefef" onMouseover="changeto(event, '3366cc')" onMouseout="changeback(event, 'white')">