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>