Login

10-30-2007, 01:17 AM

[eluser]xwero[/eluser]

Code:
$(function(){

  if($.cookie('csstheme') != null && $.cookie('csstheme') != '')

  {

    $('link[@title=themecss]').attr('href','theme_'+$.cookie('csstheme')+'.css');

  }

  $('a').click(function() {

   var baseurl = $('link[@title=themecss]').attr('href');

   baseurl = baseurl.substr(0,baseurl.lastIndexOf('/')+1);

   $.cookie('csstheme', $(this).text());

   $('link[@title=themecss]').attr('href','theme_'+$(this).text()+'.css');

}); 

});

This works for me on FF and IE7
I'm using the cookie plugin.

ps : no page refresh needed Wink

update : html

Code:
&lt;html&gt;

&lt;head&gt;

&lt;title&gt;jQuery stylesheet switcher&lt;/title&gt;

&lt;script src="jquery-1.2.1.min.js"&gt;&lt;/script&gt;

&lt;script src="jquery.cookie.js"&gt;&lt;/script&gt;

&lt;script src="jquery.own.js"&gt;&lt;/script&gt;

&lt;link rel="stylesheet" type="text/css" title="themecss" href="theme_blue.css" /&gt;

&lt;/head&gt;

&lt;body&gt;

<h1>I change color</h1>

<a href="#">red</a>

<a href="#">orange</a>

<a href="#">green</a>

&lt;/body&gt;

&lt;/html&gt;