how to do css style changes?

Dev Shed Forums Sponsor:

August 11th, 2003, 10:23 AM

munna

Contributing User

Join Date: Jul 2003

Posts: 30

Time spent in forums: < 1 sec
Reputation Power: 10

how to do css style changes?

Hi,
I would like to give visitors to my page the option of choosing from a number of different stylesheets. I remember seeing a javascript to do this ages ago, but can't find it now. Please can anyone tell me how to do this, or send me a link for a suitable code snippet?
Thanks,
Munna

August 11th, 2003, 10:26 AM

ctstone

Contributing User

Join Date: Jul 2003

Posts: 147

Time spent in forums: < 1 sec
Reputation Power: 10

you could write a function to modify this DOM property:

Code:

document.styleSheets[0].href

Just set it to the filenames of your other style sheets.

August 11th, 2003, 10:31 AM

munna

Contributing User

Join Date: Jul 2003

Posts: 30

Time spent in forums: < 1 sec
Reputation Power: 10

ctstone,
I'm a newbie to javascript -- please can you explain a bit more in detail?
munna

August 11th, 2003, 10:44 AM

ctstone

Contributing User

Join Date: Jul 2003

Posts: 147

Time spent in forums: < 1 sec
Reputation Power: 10

Sure, I'll assume you have a drop down menu with the id my_css which looks something like this:

Code:

<select id="my_css" onchange="set_css(this)">
<option value="style1.css">style 1</option>
<option value="style2.css">style 2</option>
</select>

Then you want a function called set_css that looks like this:

Code:

function set_css(the_select) {
	var the_css = the_select.options[the_select.selectedIndex].value;
	document.styleSheets[0].href = the_css;
}

Hope that works for you.

__________________
ctnstone.com

Viewing: Dev Shed Forums > Web Design > CSS Help > how to do css style changes?

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump