Table Effect

programming
1

I’ve seen this many a time, when you hover into a table it changes the background color of the table. How?

2

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.

3

wow… thats crazy useful

4

^Sarcasm? Anyways, thanks Jubba.

5

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 ?

6

you just put that in the cell code. < td > and yes.

7

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?

8

www.bluefinatlantic.com/home.php

just view source and you’ll see how its used.

9

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?

10

sorry if you took it the wrong way… its not sarcam… good luck with it

11

Chea, It’s cool. Just wasn’t sure. Haha…

12

No there isn’t a button.

13

Dang.

14

If you want to use it in DreamWeaver, you can just go to the insert script button, and type it in there.

15

^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.

16

Ahhh I got it. Nevermind. THANKS JUBBA!!

17

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’”

18

I got an even better solution than that uses CSS classes. I will post a tutorial about it tonight.

19

*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? :slight_smile:

20

*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.