Replace
this.disabled = true;
if (this.getAttribute(’title’) == styleName) this.disabled = false;

With

this.disabled = this.getAttribute(’title’) != styleName;

If it’s possible, let the browser execute as it’s being read. Me (big noob) has to test it out.

Thanks for the tutorials.!

Thanks for all the tutorials, you’ve gotten me hooked on jquery.

This is an untested quickie based on an id:

$(’body’).each(function(){
switchStylestyle(this.id);
});

But I also think that you can perform the same or similar without the use of javascript by putting a class name and/or id in the body tag of your document, and then putting the appropriate rules in your css

body#one p { color: black; }
body#two p { color: red;}

Thanks for the example, that’s exactly what I needed.

I’ve been doing the tutorials on jQuery and I literally know 200% more than when I wrote that first question. The problem I’m trying to solve is that we want to have an individual style for multiple users on the same set of pages.

For example two people visit page Cranberry, if user A came from page Apple they would have the Apple style loaded, and if user B came from page Banana they would have the Banana style loaded.

If someone visited Cranberry straight up they would see the default theme.

We already had this system in place using an onLoad script, but I wanted to switch over to jQuery.

var randNum = Math.floor(Math.random() * 4);

Change the number you are multiplying by, in this case 4, to the number of alternate stylesheets you have listed, or one more than the last ‘title’ number. In my case I have 4 alternate stylesheets numbered 0 through 3, so I multiply by 4.