Viewing Thread:
" Colour Changes with CSS/JavaScript"

My little brother has one of those ezboards (is that what they are called), and wants to make the background of each cell a particular colour when you move over them.

The site allows for you to enter custom code in the and sections, but not to alter the actual html code already set via their systems.

Is there any way I can refer to a particular cell and have it change colour when the mouse is moving over it, without that cell having its own id/name set in the html???

Thanks :)

... the problem is, I don't have access to enter the id="" into each table cell :(

Thanks for that though, as I've thought about re-writting it as a personal Forum and hosting it on Freeola or something, so may come in handy down the line :)

cjh wrote:
> Didn't work :(
>
> Thanks anyway :)

Try...

#cellblue {
background-color:whatever;
color:white;
}

#cellblue a.link {
background-color:whatever;
color:white;
}

#cellblue a.visited {
background-color:whatever;
color:white;
}

#cellblue a.hover {
background-color:whatever;
color:white;
}


then....

xxxx

etc etc...

For each cell, just call the cladd cell(whatevercolour) etc etc

Didn't work :(

Thanks anyway :)

Hmm...

actually, if there's a link inside the td then it may be possible using CSS...

td a:hover
{
background-color:red;
color:white;
}

or whatever...

However, that may just apply the background colour to the space the link takes up and not the whole cell. If the cell's width and height are determined by the size of the link inside then what I just suggested may work. If the cells widths and heights are pre-set then the link itself will only get the background colour change so it'll look silly.
:-)

Nah, its on Ezboards Servers, so guess the idea is our :(

Shame, as he said he's seen it on another persons Ezboard.

Thanks for the replies :)

IF the boards are hosted remotely, then I strongly doubt it. But I have never used ezBoards anyway, so I could be wrong. I'm pretty sure, though, that if they are hosted remotely (ie. on another server) then he won't be able to change it.

If exBoards is one of those that you download and host on your own webspace, then he might be able to, by changing the source code of the files.

Unfortunately, without altering the HTML, there's no way you can do it.

I've got a function written somewhere that allows you to change the bg colour of anything to any colour you want and back again, but to call it you have to be able to stick onmousover's and onmouseout's in the HTML.

The only way roundit that I can think of, is using document.captureEvents() to capture an onmouseover/out and to have the function fire then, but I really don't know very much about event capturing. It may be possible through that technique, but you'd have to find out yourself.

I don't think so, I think you would have to give each cell some kind of ID first.

My little brother has one of those ezboards (is that what they are called), and wants to make the background of each cell a particular colour when you move over them.

The site allows for you to enter custom code in the and sections, but not to alter the actual html code already set via their systems.

Is there any way I can refer to a particular cell and have it change colour when the mouse is moving over it, without that cell having its own id/name set in the html???

Thanks :)