I was actually referring to the table color change not the rollover effect on the link text. Y'know how it's dark grey and then gets slightly lighter onMouseover? Thanks though.

-OI

Nunzio390

Student

Posts: 70

Loc: Tharsis Ridge (Martian lowlands)

3+ Months Ago

oblongintellect...

Although I'm not certain if this board uses the same scripting that I do, I do in fact use a similar effect at this page at my site, when you mouseover different cells in the games table there... http://nunzioweb.com/games.shtml

I will show you a working example with 6 cells in a table. All cells in the table will have the color-change mouseover effect. The first 3 cells in that table will include links, the last 3 will only have the color-change mouseover effect.

Working example: http://nunzioweb.com/cellcolor_mouseover-example.htm

If this is the effect that you are interested in achieving, I will post the code for you. Let me know.

oblongintellect

Novice

Posts: 28

3+ Months Ago

That's what I'm looking for, right there. I think I found the code in ozzu's source but I'm having trouble imbedding it into my site. If you could post the code and I will compare the two. Also, If you have any tips on how to accomplish this effect in dreamweaver or frontpage let me know,ok?

(insert text) Another thing I thought was very interesting on your site was the ability you have to let your expanding menu go through your framepage into the left frame. How did you accomplish that?(/insert text)

Nunzio390

Student

Posts: 70

Loc: Tharsis Ridge (Martian lowlands)

3+ Months Ago

oblongintellect...

OK. I whipped up a page to show you how to code both the Ozzu-style cell color mouseover changes and also my Nunzio-style "fading" cell color mouseover changes. Choose either one you prefer, although I like my "fading" color changes better...

http://nunzioweb.com/misc/cellcolor_2mo ... amples.htm

Quote:

Also, If you have any tips on how to accomplish this effect in dreamweaver or frontpage let me know,ok?

Nope. Sorry. I never use any GUI or WYSIWYG editors and know nothing about them, nor would I care to. I code strictly by hand in Editpad. Also, Frontpage tends to throw in a bunch of Micro$oft-specific coding that doesn't work across browsers, and I always code for cross-browser compatibility. Perhaps someone else can help you there.

Quote:

Another thing I thought was very interesting on your site was the ability you have to let your expanding menu go through your framepage into the left frame. How did you accomplish that?

Again I'm sorry because I really don't understand what you are asking. There are no frames at my site at all. There are however several inline frames. Not sure what you are asking here. Can you elaborate more on it?

gsv2com

Professor

Posts: 776

Loc: Nippon

3+ Months Ago

Can't wait till CSS2 is widely accepted. We'll be able to have something like

table#main td:hover {background:color;}

Much better than JavaScript.

rtm223

Mastermind

Posts: 1855

Loc: Uk

3+ Months Ago

Well you can. Make the links the height and width of the cell (100%) and then hover on the link??

Its not like you often want a color change on a cell that isn't a link.

nunizo, why do you have uncredited games on your site? You really should be adding a disclaimer to say that some (if not all) of them are not yours.

Nunzio390

Student

Posts: 70

Loc: Tharsis Ridge (Martian lowlands)

3+ Months Ago

Good morning everyone. Off to work in a few but when I read the post by rtm223 just now, I felt I needed to reply...

Quote:

nunizo, why do you have uncredited games on your site? You really should be adding a disclaimer to say that some (if not all) of them are not yours.

rtm223... disclaimers are unneeded. Full credit is given (when needed) on games. After clicking any game link, if credit is needed there is credit given directly beneath the iframe that links to the game.

Example: after the PACMAN game page loads, directly under PACMAN you should see this...

A Paul Neave Game - neave.com

Any other game where this is required contains the same . OK?

_________________________________________________

oblongintellect....

Did you utilize any of the scripting I posted for you? Is everything OK now?

OK. Off to work. Have a good day, everybody!

gsv2com

Professor

Posts: 776

Loc: Nippon

3+ Months Ago

rtm223 wrote:

Well you can. Make the links the height and width of the cell (100%) and then hover on the link??

That much is obvious. But it'd save CSS just to have the background of the td change rather than have to set the link's height, width, display type, etc.

rtm223

Mastermind

Posts: 1855

Loc: Uk

3+ Months Ago

Nunzio390 wrote:

rtm223... disclaimers are unneeded. Full credit is given (when needed) on games. After clicking any game link, if credit is needed there is credit given directly beneath the iframe that links to the game.

Example: after the PACMAN game page loads, directly under PACMAN you should see this...

A Paul Neave Game - neave.com

I stand correct and I appologise

oblongintellect

Novice

Posts: 28

3+ Months Ago

_________________________________________________

I'm in the process of incorporating the code right now. It won't be apparent on my site for a few days probably (testing) but I really appreciate all your help. PS I like your color transition better than ozzu's No offence...
I also think it's amazing that you code it all by hand in a text editor, I wish I could afford to be a purist. Unfortunately I'm just not at that level. Thanx again.

-OI

stickfigure

Beginner

Posts: 49

3+ Months Ago

is there any way one can do this with alternate color cells?

example:
cell 1: black
cell 2: gray
cell 3: black
cell 4: gray

i want them all to fade (on mouse hover) to white, and once mouse out occurs, go back to their original color.

ive messed with the code a bit, but so far im only successful with this code if all the cells are the same color (or return to a single color...)

Nunzio390

Student

Posts: 70

Loc: Tharsis Ridge (Martian lowlands)

3+ Months Ago

stickfigure wrote:

is there any way one can do this with alternate color cells?

example:cell 1: blackcell 2: graycell 3: blackcell 4: gray

i want them all to fade (on mouse hover) to white, and once mouse out occurs, go back to their original color.

stickfigure...

All you have to do is define seperate functions for each of the 2 different-colored table cells, instead of just defining one function, as was done in the first example.

Here's a working example with what you want...
http://nunzioweb.com/misc/cellcolor_2color-test.htm

I've got yet another problem. I want make the cellfade script work with the link fader script but every time I try it they just seem to cancel each other out. Here you can view my non-working example http://www.ghosthacker.org/test.htm

joebert

Fart Bubbles

Posts: 13506

Loc: Florida

3+ Months Ago

I had the same problem with trying to get links and cells to fade at the same time by using the two scripts, that I now think is caused by set and clear intervals canceling eachother out. I'm about to combine the two scripts into one and see what happens

oblongintellect

Novice

Posts: 28

3+ Months Ago

You gotta let me know! This would make an excellent "all in one" script for my site!

stickfigure

Beginner

Posts: 49

3+ Months Ago

thank you Nunzio390! it was exactly what i was looking for.

however, i can get it to work externally but like the others, the link hover cancels it out. (i am also using your fade script)

if anyone can figure out a solution please post it!

joebert

Fart Bubbles

Posts: 13506

Loc: Florida

3+ Months Ago

Edit: Found time to play with it a little more [new] moved all params to the top in hex for easier input
[new] fixed the color glitches
[new] added border options (no fade yet)
[new] XHTML'ed the example (just for the shmell of it)
[new] fade is smoother

[NOTE] you still have to define the original colors in your cells and texts (or css), I set it up the way it is for an easier edit when I figure out how to capture all the documents color values. For now the "orig" variables serve as reference for the fading, make sure they match your css/colors.