index.html:

funcs.js:

jsmenucontent.js:

###index.html:

###funcs.js:

###jsmenucontent.js:

Theme-swap functionality will be done via a better-looking div at the top of the page, but for right now, it's just thrown on the button. The theme preference should persist through page refreshes via cookie. I'm going to do five different themes, each in two different sizes, since the site is very bad in 800x600 and still quite bad in 1024x768.

The page will eventually display via <noscript> for those that don't have JS turned on, but for right now, it'll just display a message that says "Please turn JavaScript on!"

1. Non-JS page is displayed with <noscript>
2. If JS is enabled, it loads the theme-preference from cookies.
3. JS then applies the preferred theme via AJAX fetching the appropriate theme (skin[x].html) and the content of the page ([page_name.html]).

index.html:

funcs.js:

jsmenucontent.js:

Theme-swap functionality will be done via a better-looking <div> at the top of the page, but for right now, it's just thrown on the button. The theme preference should persist through page refreshes through the use of cookies.

I'm going to do five different themes, each in two different sizes, since the site is very bad in 800x600 and still quite bad in 1024x768.

The page will eventually display via <noscript> for those that don't have JavaScript turned on but for right now, it'll just display a message that says:

Please turn JavaScript on!

1. Non-JavaScript page is displayed with <noscript>
2. If JavaScript is enabled, it loads the theme-preference from cookies.
3. JavaScript then applies the preferred theme via AJAX fetching the appropriate theme (skin[x].html) and the content of the page ([page_name.html]).

index.html:

funcs.js:

jsmenucontent.js:

Let me know if it breaks or simply doesn't work! I would love experts to review it. I'm good enough to make stuff work, for the most part, but whether or not there is a better approach takes someone with much more wisdom than myself!

PS: I've noticed a bug that happens once in a blue moon, but I think that's because the browser might be doing parallel work and one script gets too far ahead of the other. I'll have to research it more, but I think it's good enough right now to ask for opinions.

PSS: The page will eventually display via for those that don't have JS turned on, but for right now, it'll just display a message that says "Please turn JavaScript on!"

1. Non-JS page is displayed with  
2. If JS is enabled, it loads the theme-preference from cookies.
3. JS then applies the preferred theme via AJAX fetching the appropriate theme (skin[x].html) and the content of the page ([page_name.html]).

Here's the code. It's not completely perfect yet, and I'll definitely have to remove the use of another person's image as the background for the second skin, but it's almost done. About half of the code deals with merely re-positioning the elements when the window is resized. For the sake of brevity, some code is not shown. I apologize for its length.

index.html:

funcs.js:

jsmenucontent.js:

Let me know if it breaks or simply doesn't work. I've noticed a bug that happens once in a blue moon, but I think that's because the browser might be doing parallel work and one script gets too far ahead of the other. I'll have to research it more, but I think it's good enough right now to ask for opinions.

The page will eventually display via <noscript> for those that don't have JS turned on, but for right now, it'll just display a message that says "Please turn JavaScript on!"

1. Non-JS page is displayed with <noscript>
2. If JS is enabled, it loads the theme-preference from cookies.
3. JS then applies the preferred theme via AJAX fetching the appropriate theme (skin[x].html) and the content of the page ([page_name.html]).

The code isn't perfect yet, and I'll definitely have to remove the use of another person's image as the background for the second skin, but it's almost done. About half of the code deals with merely re-positioning the elements when the window is resized. For the sake of brevity, some code is not shown. I apologize for its length.

index.html:

funcs.js:

jsmenucontent.js: