Changing background colour in a table cell from a function

[NeoPhreak]

I am creating a menu for my site and I would like it so that when the
onMouseOut even is triggered it will cause the cell of the table to fade out
back to the normal color with a delay.

Can anyone help me to get started on how i would accomplish this?

[Gill Bates]

you have to cycle through some colors (style attribute background-color)
with JavaScript and use setTimeOut
"NeoPhreak" <ne*@neophreak.com> wrote in message
news:xm*******************@news20.bellglobal.com.. .

I am creating a menu for my site and I would like it so that when the
onMouseOut even is triggered it will cause the cell of the table to fade out back to the normal color with a delay.

Can anyone help me to get started on how i would accomplish this?

[NeoPhreak]

Any chance someone could please help me out by starting me off... I'd really
appreciate it!

thnx

.< NeoPhreak
"Gill Bates" <g.*****@mothail.com> wrote in message
news:bg**********@netlx020.civ.utwente.nl... you have to cycle through some colors (style attribute background-color)
with JavaScript and use setTimeOut
"NeoPhreak" <ne*@neophreak.com> wrote in message
news:xm*******************@news20.bellglobal.com.. .

I am creating a menu for my site and I would like it so that when the
onMouseOut even is triggered it will cause the cell of the table to fade

out

back to the normal color with a delay.

Can anyone help me to get started on how i would accomplish this?

[NeoPhreak]

Thanks!! Great Help!

.<NeoPhreak
"Richard Hockey" <ri***********@dsl.pipex.com> wrote in message
news:3f***********************@news.dial.pipex.com ... <script type="text/javascript">
function cellbg(cellid,cellcolour)
{
// accept single cell id and colour, or comma seperated list of cell ids
and cell colours

// check to see if number of cells and number of colours match, if not exit the function
var CellList=cellid.split(',');
var ColList=cellcolour.split(',');
if(CellList.length!=ColList.length || CellList.length==0 ||
ColList.length==0) return false;

// actually change the cell colour
for(n=0;n<CellList.length;n++)
{
document.getElementById(CellList[n]).style.backgroundColor=ColList[n];
}
}
</script>

and in your table

<tr>
<td id="a1" onMouseOver="cellbg('a1','#eeeeee');"
onMouseOut="cellbg('a1','#ffffff');">a1</td>
<td id="a2" onMouseOver="cellbg('a2','#eeeeee');"
onMouseOut="cellbg('a2','#ffffff');">a2</td>
<td><a href="#" onMouseOver="cellbg('a1,a2','#00ff00,#00ff00');"
onMouseOut="cellbg('a1,a2','#ffffff',#ffffff);" onClick="return
false;">row</a></td>
</tr>

the function can handle single or multiple cells and has been tested with IE 6 and Netscape 7

"NeoPhreak" <ne*@neophreak.com> wrote in message
news:1x*****************@news20.bellglobal.com...

Any chance someone could please help me out by starting me off... I'd

really

appreciate it!

thnx

.< NeoPhreak

"Gill Bates" <g.*****@mothail.com> wrote in message
news:bg**********@netlx020.civ.utwente.nl...

you have to cycle through some colors (style attribute background-color) with JavaScript and use setTimeOut
"NeoPhreak" <ne*@neophreak.com> wrote in message
news:xm*******************@news20.bellglobal.com.. .
> I am creating a menu for my site and I would like it so that when the > onMouseOut even is triggered it will cause the cell of the table to fade out
> back to the normal color with a delay.
>
> Can anyone help me to get started on how i would accomplish this?
>
>
>