OnMouseOver Action

Monie · #1 Oct 24th, 2004, 03:24

I have put an action onmouseover in one of my colunm in a row...
When you mouseover on the cell, the bg color will turn to blue...

What I want to add when I mouseover the cell the color will turn blue and the border color will be black as well...

<td bgcolor="#FFFFFF"onmouseout="this.style.background Color='#FFFFFF'" onmouseover="this.style.backgroundColor='#CEDFED';
this.style.cursor='hand'" bordercolor="#FFFFFF">
Text
</td>

~On mouseOver, set border color to Black~

da_stimulator · #2 Oct 24th, 2004, 05:47

See if this works.

Code: Select all

<td bgcolor="#FFFFFF"onmouseout="this.style.backgroundColor='#FFFFFF'" onmouseover="this.style.backgroundColor='#CEDFED';
this.style.cursor='hand'; this.style.border='thin solid #000000'" bordercolor="#FFFFFF">
Text
</td>

Rob · #3 Oct 24th, 2004, 09:15

Why not use the :hover selector in CSS??

Always try and use latest standards where possible... Using the :hover selector is the recommended way of doing what you are doing. Steer clear from javascript, and if need be, for IE compliance, use the IE7 Patch

spinal007 · #4 Oct 24th, 2004, 09:35

but isn't hover only available for A tags?
and even then, don't u need sum sort of JS to make it work in other elements?

Monie · #5 Oct 24th, 2004, 12:02

Thanx guys...it works!
I thing using this method is more simple that CSS.
Simple and short!

D3mon · #6 Oct 24th, 2004, 19:38

s'OK if you like to assume that all browsers have Javascript enabled...

Rob · #7 Oct 24th, 2004, 20:50

<blockquote id="quote" class="ffs">quote:<hr height="1" noshade="noshade" id="quote" />s'OK if you like to assume that all browsers have Javascript enabled...<hr height="1" noshade="noshade" id="quote" /></blockquote id="quote">Thats why I said to go down the CSS route. That way, only IE gets the javascript (From the IE7 fix)

da_stimulator · #8 Oct 25th, 2004, 01:18

for the css try this, put this in your <head> tags:

Code: Select all

<style type="text/css">
td.rowchange:hover {
  bgcolor: #CEDFED;
  bordercolor: #000000;
  border: thin solid #000000;
}
</style>

and this in your table

Code: Select all

<td class="rowchange" bgcolor="#FFFFFF">stuff</td>

Monie · #9 Oct 28th, 2004, 04:24

Yeah...thats nice...
Thanx da_stimulator

Andy_H · #10 Dec 29th, 2004, 19:10

Please excuse my ignorance, but as a novice to writing code etc. how do we get the snitz forum to change cell colours on moving the mouse over, and have a hand link to topic.. I have a snitz forum ( http://216.119.70.15/forum/default.asp ) on my village website www.lynehamvillage.com , and would like to smarten up the view up like the one here.. Any help would be greatly appreciated. Is there a way to have alternate colours like this site..
Many thanks
andy
happy new year too.

#11 Dec 30th, 2004, 10:19

nice little site mate

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
popup div onmouseover	pesho318i	JavaScript Forum	2	Dec 28th, 2007 13:30
onmouseover not working in ff	dab42pat	JavaScript Forum	4	Nov 30th, 2007 14:10
how to change button action into a movieclip button action	cjrollo	Flash & Multimedia Forum	7	Nov 21st, 2007 17:07
onMouseOver Help	Bighen	JavaScript Forum	3	Jan 24th, 2006 20:17
OnMouseOver	kookie09	JavaScript Forum	5	Apr 21st, 2005 23:20

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
OnMouseOver Action