Pages

Showing posts with label jq ui themes. Show all posts
Showing posts with label jq ui themes. Show all posts

Monday, 28 November 2011

jquery ui changing themes

Some undocumented Google CDN Feature

link to stylesheet in the head section:
<link href="./jquery/css/start/jquery-ui.css" type="text/css" rel="stylesheet" />

javascript function to change theme:
function ThemeChange(mytheme){
  $("link[rel=stylesheet]").attr({href : "./jquery/css/" + mytheme + "/jquery-ui-1.7.2.custom.css"});
  $("#mytab").tabs('select', 0);
}

html code that is calling the javascript function:
<div id="divloadfiles" style="display: block; font-size: 10px; text-align: left;">
<select id="mytheme" onchange="javascript:ThemeChange(this.value);">
  <option value="redmond">redmond</option>
  <option value="sunny">sunny</option>
  <option value="smoothness">smoothness</option>
  <option value="vader">vader</option>
  <option value="blitzer">blitzer</option>
  <option value="le-frog">le-frog</option>
  <option value="overcast" selected="selected">overcast</option> 
  <option value="pepper-grinder">pepper-grinder</option>
  <option value="start">start</option>
</select>
</div>