Simple Color Switching 2

[kylebellamy]

I've been looking around in google and not finding what I wanted so I've come back to the place that always has the answers I need.

I am looking for a way to change all the <h> colors and a few minor graphics to a different color based on what the user clicks. In this case, it starts out a green but there is the option to click orange, red and blue.

I was hoping to avoid swapping the entire style sheet and re-loading the page but I can't seem to find anything that references just that switch.

Is this a possibility or something that is way more work than it's worth?

Thanks,
Kyle

http://www.kb-design-studios.com

 

[feherke]

Hi

You are very kind. Pity that only one star is allowed to give to a member in a thread...

Anyway, there must be some kind of after-4^th July syndrome, because otherwise the other MVPs would give those answers faster than me.

Feherke.

http://rootshell.be/~feherke/

 

[kylebellamy]

It's quiet here at work. Hence why I am working on projects of my own. lol

Maybe this is your chance to take the top of the list. XD

http://www.kb-design-studios.com

 

[Foamcow]

If you are switching a load of things en-masse you may want to simply add a class attribute to the body tag then reference the changing elements via that.

For instance:

h3 { color:#f00; }

body.othercolours h3 { color:#ff9933; }

Then apply the new class to the body via javascript?

Might not be quite what you need, but it struck me that it's easier to change 1 element's class then a whole bunch of elements.

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

 

[kylebellamy]

Thanks, I'll try that out on another test design to see what I like better.

http://www.kb-design-studios.com

 

[feherke]

Hi

You know, if you use alternate stylesheets, then the visitor can change between them even if has JavaScript disabled. It works with :
[ul]
[li]FireFox : View | Page Style[/li]
[li]SeaMonkey : View | Use Style[/li]
[li]Opera : View | Style[/li]
[li]Konqueror : I have none handy now...[/li]
[/ul]
Of course, Explorer 6 has no such feature. No idea about Explorer 7.

The only problem is that the style selection is not kept after you navigate forward from the given page. But for FireFox there is a solution, the Style Sheet Chooser II extension is able to make the style selection to persist over the given site.

I hope that similar features will be available in all browsers. So I prefer implementing look & feel changes with alternate stylesheets, and not with on-the-fly changes made by JavaScript.

Feherke.

http://rootshell.be/~feherke/

 

[kylebellamy]

I'm thinking I'll go with the more universally easy way of using javascript since using internal switches in browsers in more of a power user thing and would require details that would generally annoy most casual browsers.

Maybe I should have a script in place that detects if javascript is not enabled and will let them know it is required for some features of the site.

http://www.kb-design-studios.com

 

[feherke]

Hi

I'm thinking I'll go with the more universally easy way of using javascript since using internal switches in browsers in more of a power user thing and would require details that would generally annoy most casual browsers.

I did not suggested anything. The only thing I wrote ( hmm... or at least intended to... ) is that changing look & feel with alternate stylesheets is supported by the browsers themselves too. And that makes me think that should be the preferred way.

Feherke.

http://rootshell.be/~feherke/

 

[kylebellamy]

Oh, I see. Thanks for the clarification. lol It's early, I'm at work and have not had enough coffee to be able to read clearly.

http://www.kb-design-studios.com

 

[kylebellamy]

Oh, and I've been here since 7am so that isn't helping either. lol

http://www.kb-design-studios.com

 

[feherke]

Hi

No problem. As I mention it on my profile page, "I am not native English speaker". So if you misunderstand my words, usually the problem is not in your coffee, but in my skill.

Feherke.

http://rootshell.be/~feherke/

 

[kylebellamy]

In this case, let's call it a combination of both. I actually didn't realize that English was not your native language so bravo on good form.

http://www.kb-design-studios.com