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******** ***********@new s20.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.*****@mothai l.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******** ***********@new s20.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.pipe x.com... <script type="text/javascript">
function cellbg(cellid,c ellcolour)
{
// 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=cellcol our.split(',');
if(CellList.len gth!=ColList.le ngth || CellList.length ==0 ||
ColList.length= =0) return false;

// actually change the cell colour
for(n=0;n<CellL ist.length;n++)
{
document.getEle mentById(CellLi st[n]).style.backgro undColor=ColLis t[n];
}
}
</script>

and in your table

<tr>
<td id="a1" onMouseOver="ce llbg('a1','#eee eee');"
onMouseOut="cel lbg('a1','#ffff ff');">a1</td>
<td id="a2" onMouseOver="ce llbg('a2','#eee eee');"
onMouseOut="cel lbg('a2','#ffff ff');">a2</td>
<td><a href="#" onMouseOver="ce llbg('a1,a2','# 00ff00,#00ff00' );"
onMouseOut="cel lbg('a1,a2','#f fffff',#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******** *********@news2 0.bellglobal.co m...

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

really

appreciate it!

thnx

.< NeoPhreak

"Gill Bates" <g.*****@mothai l.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******** ***********@new s20.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?
>
>
>