Changing a Table Background image

[THEL0SER]

Hi, this is my first post here, but I will probably have more questions in the future.

I was wondering if I wanted to make a button change the background image of a table in HTML5 if I should still use java, or if their is a better way to do it now.

Thanks a lot!

[Alan]

First things first, you mean JavaScript (a dynamically typed scripting language available in most browsers and some server-side implementations) not Java (a statically typed programming language that compiles to bytecode which can be executed on the Java VM and only be used in a browser with the relevant plugin). Apart from the name, the two have more differences than similarities.

If you want a button to change another element's styling, I don't really see another way to do it other than using JavaScript. It's really simply to do in JavaScript, too. You shouldn't need more than a single line of code (maybe three, if you want some readability).

[slothmister]

You could possibly use CSS for this.

onClick is JS but a:hover is css as is a:active and many other options. Be ware though, this will not work in older browsers and is not the exact option you want, but could be used to replicate it.

[Alan]

I don't see how CSS can help. You can only use :hover/:active to style nested elements. You would have to nest the element with the background image inside the element (e.g. the button) you want to trigger the effect. Also, I'm pretty sure :hover propagates upwards (i.e. hovering over the background would trigger the same effect as hovering over the parent button) and :active can be cleared (by clicking elsewhere?).