Pages

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>

20 comments:

  1. I appreciate that you produced this wonderful article to help us get more knowledge about this topic. I know, it is not an easy task to write such a big article in one day, I've tried that and I've failed. But, here you are, trying the big task and finishing it off and getting good comments and ratings. That is one hell of a job done!
    python training in velachery
    python training institute in chennai

    ReplyDelete
  2. Your good knowledge and kindness in playing with all the pieces were very useful. I don’t know what I would have done if I had not encountered such a step like this.

    Devops training in velachery
    Devops training in annanagar
    Devops training in tambaram
    DevOps online Training

    ReplyDelete
  3. This is such a great post, and was thinking much the same myself. Another great update.
    Blueprism training in velachery

    Blueprism training in marathahalli

    ReplyDelete
  4. Nice! you are sharing such helpful and easy to understandable blog. i have no words for say i just say thanks because it is helpful for me.







    Dot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery






    ReplyDelete
  5. Excellent blog with informative concept. Really I feel happy to see this useful blog, Thanks for sharing such a nice blog..

    Java training in Chennai

    Java training in Bangalore

    Java training in Hyderabad

    Java Training in Coimbatore

    Java Online Training

    ReplyDelete
  6. The strategy you have posted on this technology helped me to get into the next level and had lot of information in it.data science course in Hyderabad

    ReplyDelete
  7. Amazing article. Your blog helped me to improve myself in many ways thanks for sharing this kind of wonderful informative blogs in live. I have bookmarked more article from this website. Such a nice blog you are providing.

    Data Science Training in Hyderabad

    ReplyDelete
  8. A good blog always comes-up with new and exciting information and while reading I have feel that this blog is really have all those quality that qualify a blog to be a one.
    data scientist course in hyderabad

    ReplyDelete
  9. Pleasant data, important and incredible structure, as offer great stuff with smart thoughts and ideas, loads of extraordinary data and motivation, the two of which I need, because of offer such an accommodating data here.
    business analytics training in hyderabad

    ReplyDelete