Switch Theme

[ewan]

Hello,

I have multiple theme, and I want to switch between.
But, I want a default theme at the first
Change this line ( but it's the default line too)

<link rel="stylesheet" type="text/css" href="script/easyui/themes/dark/easyui.css/> //When I arrive in the page, it's the style loaded.
When I click on a button ( or in a select it's better ), change the value of the line .

Can you help me, and show me ?

Thanks

[Pierre]

Hello Ewan
in your index.html you have this line:
<link rel="stylesheet" type="text/css" href="/styles/easyui.css">
put that line as first line below your <meta> tag.
Then based on your select, you can use this:

  var color_mode;
  switch (select_box_chosen_color) {
    case "blue":
      color_mode = '/styles/metro-blue/easyui.css';
      break;
    case "orange":
      color_mode = '/styles/metro-orange/easyui.css';
      break;
  }   
  var link = $('head').find('link:first'); 
  link.attr('href', color_mode); 

[ewan]

Ok , thanks for you help, a last question, for the select, how I can do ?

<select name="select_box_chosen_color" id="select_box_chosen_color">
<option value="blue">blue</option>
<option value="yellow">yellow</option>
</select>
?

[ewan]

Can you help me ?

[Pierre]

Hello
attached is complete example 

[ewan]

It's perfect , thanks !!