[ramesh866]

i tried with the below coding

if (DropDownList1.SelectedValue == "0")
		{
			styleLink.Href = "pleasant.css";
		}
		else  if (DropDownList1.SelectedValue == "1")
		{
			styleLink.ID = "styleLink";
			styleLink.Href = "rock.css";
		}

the first being the default. but when i click the second option (rock) there is no effect. the default is still displayed.what is the problem over here?

[MacAnimeGirl]

may I see the code to the element this is for?

[ramesh866]

sure............this comes under the head tag

<link  id="styleLink" rel="stylesheet" type="text/css" href="pleasant.css" />

[BetaWar]

Try something like so:

<link rel="stylesheet" id="css" href="default.css" />
<script>
  function swapCSS(value){
	document.getElementById("css").href = value+".css";
  }
</script>

<select onchange="swapCSS(this.value)">
  <option value="default">Default</option>
  <option value="dark">Dark</option>
</select>

This is a test

Where default, and dark are the names of css files located in the same folder.

It works for me in all major browsers,

Hope that helps.

[MacAnimeGirl]

BetaWar, on 19 Oct, 2009 - 11:09 AM, said:

Try something like so:

<link rel="stylesheet" id="css" href="default.css" />
<script>
  function swapCSS(value){
	document.getElementById("css").href = value+".css";
  }
</script>

<select onchange="swapCSS(this.value)">
  <option value="default">Default</option>
  <option value="dark">Dark</option>
</select>

This is a test

Where default, and dark are the names of css files located in the same folder.

It works for me in all major browsers,

Hope that helps.

Simple and clever. I like it!

[ramesh866]

that helped.
thanks brothers

[ramesh866]

it worked, but a problem is there. once the page is postback the css is again set to default one.

[MacAnimeGirl]

If the value default is set to default (as in it will be the value automatically selected on load) then it will do that.

You may want to consider having the default being set to whatever was last selected.

Say it's on default and I change it to dark, you would need to then set dark as the default.

Sorry if it's confusing. Let me know and I'll see if I can expand upon it.

This post has been edited by MacAnimeGirl: 20 October 2009 - 06:28 AM

[BetaWar]

You could use a cookie to hold the last selected value of the selection box and use a function onload to change the selection box's selected value as well as the stylesheet of the page.

If you have access to server side scripting (PHP or ASP, etc.) you could just have a simple ajax call made every time the stylesheet changes that updates a cookie on the server side so you can load the stylesheet in instead of default before the page ever gets sent to the user.

[MacAnimeGirl]

Hey Beta, couldn't a partial page update be done if he was using ASP.NET and AJAX?

[ramesh866]

i have no idea about ajax.. but cookie is a good idea or a hidden field can be used to store. right?
thanks brothers