several jquery ui theme switcher problems (cookie, different themes for different pages, etc.)

Question

I just try putting the jquery-ui theme switcher on my website. Seems that there are some problems:

• Cookie does not work. When I close the browser and reopen the webpage, the default theme will load instead of the one selected before.
• The selected theme is valid for current page only. If jumping to another page, it will load the default. I want to select once and apply to all pages.
• There is a flash of the default theme before the selected theme get loaded.

Anyone know an easy way deal with these problems? I know I can implement my own cookie solution based on that theme switcher, but I was so surprised that the author did not provide options to do these.

Answer 1

I end up downloading the script and modified it a bit, adding an option named cookieOptions which will be passed to the $.fn.cookie plug-in. Set cookieOptions = {path: '/'}, so that the theme will apply to the whole website globally. For the short flash of the default theme, the solution is to update css link on the client side instead of making a request to a php file on the server.

Answer 2

I bet if your using IE!

Open it with Firefox and I bet it will work.

I am looking for a solution to this now.

InsiteFX

Answer 3

To fix the issue, all you have to do is initialize themeswitcher like so:

$("#switcher").themeswitcher({expires: 365, path:'/sample/'});

expires - is the number of days to live path - pretty self explanatory