Comments on: A Simple jQuery Stylesheet Switcher

By: pete

pete — Wed, 25 Jan 2012 13:07:58 +0000

Great little tutorial.

Was just wondering if there was a way of fading between the different stylesheets?

Cheers
Pete

By: Shyanaka

Shyanaka — Mon, 09 Jan 2012 07:07:51 +0000

Thanks dude. Was really helpful. Saved lot of time.

By: Bob Mazzo

Bob Mazzo — Fri, 06 Jan 2012 17:17:56 +0000

Sorry but I noticed my html didn’t show up in my previous post:

ui-lightness
redmond
vader
ui-lightness

By: Bob Mazzo

Bob Mazzo — Fri, 06 Jan 2012 17:16:25 +0000

Great article and very helpful more than two years later !

I experimented with using a dropdown list instead of list, and here’s what I came up with (yes I got it working):

My Html inside a :

ui-lightness
redmond
vader
ui-lightness

My Javascript function with some jQuery:

function changeTheme() {
var selectedVal = $(“select option:selected”).val();
var selectedTxt = $(“select option:selected”).text();
$(“link”).attr(“href”, selectedVal);
return false;
}

Sorry I couldn’t format the code properly here…

thanks Rob!

Sincerely,
Bob Mazzo

By: elizabeth

elizabeth — Thu, 05 Jan 2012 21:06:45 +0000

Hey, Don’t know what I am doing, but need your help to use this code to change my style sheets.. Any Ideas??

Thanks a Million..

By: Añadiendo JQuery « Guías astronómicas

Añadiendo JQuery « Guías astronómicas — Fri, 25 Nov 2011 18:59:50 +0000

[...] conmutador de estilos se basa en el de CSSNewbie, pero con la diferencia de que, de momento, he preferido no usar cookies, y que usaré un solo [...]

By: links for 2011-07-20 | axelintu : links

links for 2011-07-20 | axelintu : links — Thu, 21 Jul 2011 05:23:57 +0000

[...] A Simple jQuery Stylesheet Switcher (tags: css jquery design tutorial useful good reverse-ingeniering) This entry was posted in Links by axelintu. Bookmark the permalink. LikeBe the first to like this post. [...]

By: fabricio

fabricio — Wed, 22 Jun 2011 23:50:30 +0000

great work!

By: Haydur

Haydur — Wed, 18 May 2011 18:32:39 +0000

For Matt and others who are having trouble with this script affecting multiple stylesheets on the same document:

You can limit the application of stylesheet switch by using JQuery selectors. For example, if you only want sheets with the common name “main” in them, i.e. “main1.css” and “main_blue.css”, you should change $(“link”).attr(“href”,$.cookie(“css”)); to $(‘link[href*="main"]‘).attr(“href”,$(this).attr(‘rel’));

You can also add custom attribute to your stylesheet tag and change the selector to something like $(‘link[custom_attribute="attribute_val"]‘)

By: CSS3, jQuery(), and musicology: Another “circle” for understanding Western notes…. « Peter Whittaker – Iconoclasm and irreverence

Fri, 13 May 2011 16:23:19 +0000

[...] Bits on switching stylesheets here and here. [...]