PDA

View Full Version : Table Effect


sdrawkcaB
June 27th, 2003, 08:44 PM
I've seen this many a time, when you hover into a table it changes the background color of the table. How?
Jubba
June 27th, 2003, 09:24 PM
css styles.



onMouseOver="this.style.backgroundColor='#3399FF'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#0067CF';" onClick="window.location.href='home.php'"


just change the colors.
nobody
June 28th, 2003, 12:28 AM
wow.. thats crazy useful
sdrawkcaB
June 28th, 2003, 09:49 AM
^Sarcasm? Anyways, thanks Jubba.
sdrawkcaB
June 28th, 2003, 09:52 AM
onMouseOver="this.style.backgroundColor='#3399FF'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#0067CF';" onClick="window.location.href='home.php'"

How would I end it? With a > ? And can I just have it with the onMouseOver and onMouseOut ?
Jubba
June 28th, 2003, 10:02 AM
you just put that in the cell code. < td > and yes.
sdrawkcaB
June 29th, 2003, 06:52 AM
Jubba, where do I put that code at? Can you make an HTML page or something for me so I can get the source code for where to put it?
Jubba
June 29th, 2003, 10:47 AM
www.bluefinatlantic.com/home.php

just view source and you'll see how its used.
sdrawkcaB
June 30th, 2003, 08:29 AM
Thats a tiny tad bit easier, but I still can't figure out how to enter it successfully. It's there a button to click in DW that makes it an option or what?
nobody
June 30th, 2003, 10:56 AM
sorry if you took it the wrong way.. its not sarcam.. good luck with it
sdrawkcaB
July 1st, 2003, 09:43 AM
Chea, It's cool. Just wasn't sure. Haha..
Jubba
July 1st, 2003, 10:01 AM
No there isn't a button.
sdrawkcaB
July 2nd, 2003, 02:48 AM
Dang.
λ
July 2nd, 2003, 01:52 PM
If you want to use it in DreamWeaver, you can just go to the insert script button, and type it in there.
sdrawkcaB
July 3rd, 2003, 10:47 AM
^Haha, I was talking about like a button in DW to insert the code for the effect for me. Thanks tho.

Jubba, I am still confused on where to put this information in? Do I make the table, and put it inside the empty part? It's just not really working.
sdrawkcaB
July 3rd, 2003, 10:49 AM
Ahhh I got it. Nevermind. THANKS JUBBA!!
BobbyDouglas
August 6th, 2003, 04:31 AM
I have pretty much tried everything I can think of, but iit still wont work! Arggg!!!! I am trying to make the target frame=mid. Any ideas using that code?

onMouseOver="this.style.backgroundColor='#88A4C8'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#686F77';" onClick="window.location.href='nav/dev.htm'"
DigitalPimp
August 6th, 2003, 10:20 AM
I got an even better solution than that uses CSS classes. I will post a tutorial about it tonight.
ahmed
October 28th, 2003, 05:58 AM
Originally posted by Vash
css styles.



onMouseOver="this.style.backgroundColor='#3399FF'; this.style.cursor='hand';" onMouseOut="this.style.backgroundColor='#0067CF';" onClick="window.location.href='home.php'"


just change the colors. how can i include that to be part of a CSS class so that each table cell inheriting from this class would have this rollover effect on? :)
BobbyDouglas
October 28th, 2003, 09:04 AM
Originally posted by DigitalPimp
I got an even better solution than that uses CSS classes. I will post a tutorial about it tonight.

Im wondering... Have you decided to start this? It would be nice to see another solution.
APDesign
October 29th, 2003, 12:37 AM
good call Ahmed, I would be interested to see if anyone know this as well.