PDA

View Full Version : Stylesheet switcher (v1.1) not working?



CJ-real
04-08-2007, 09:37 AM
1) Script Title: Style sheet switcher (v1.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm

3) Describe problem:
Well, on my website which is at the following URL:
http://cjnet.info/templates/previews/1/index.html

You can see that I have used the Stylesheet switcher. I am using this to change the background of my page.

You will see, a bit down the page, that there are icons like this: http://cjnet.info/templates/previews/1/template_images/bg_1_preview.GIF, and this: http://cjnet.info/templates/previews/1/template_images/bg_2_preview.GIF, and I am using them so you can click them to change the CSS stylesheet, which therefore changes the background.

Unfortunately this is not working.

I am not sure why, but here's a bit of information;
Links to stylesheets:
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css (http://cjnet.info/templates/previews/1/3.css)
http://cjnet.info/templates/previews/1/default.css (http://cjnet.info/templates/previews/1/4.css)
http://cjnet.info/templates/previews/1/default.css (http://cjnet.info/templates/previews/1/6.css)
http://cjnet.info/templates/previews/1/default.css (http://cjnet.info/templates/previews/1/7.css)
http://cjnet.info/templates/previews/1/default.css (http://cjnet.info/templates/previews/1/8.css)
http://cjnet.info/templates/previews/1/default.css (http://cjnet.info/templates/previews/1/9.css)
http://cjnet.info/templates/previews/1/default.css (http://cjnet.info/templates/previews/1/10.css)
http://cjnet.info/templates/previews/1/default.css (http://cjnet.info/templates/previews/1/11.css)

Link to background images:
http://cjnet.info/templates/previews/1/rotation/backgrounds/

Link to the javascript:
http://cjnet.info/templates/previews/1/styleswitch.js



If you can sort out my problem, it would be greatly appriciated.



Also, if you can't view source, here is some information:
End of head for script and stylesheets;

<link rel="stylesheet" type="text/css" href="/default.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="number3" href="/user3.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="number4" href="/user4.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="number6" href="/user6.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="number7" href="/user7.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="number8" href="/user8.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="number9" href="/user9.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="number10" href="/user10.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="number11" href="/user11.css" />
<script src="styleswitch.js" type="text/javascript">
</script>
</head>

Code for the images and links:

<a href="javascript:chooseStyle('none', 60)" checked="checked"><img src="template_images/bg_1_preview.GIF" alt="1" width="20" border="0" align="left" /></a><a href="javascript:chooseStyle('number3', 60)"><img src="template_images/bg_3_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number4', 60)"><img src="template_images/bg_4_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number6', 60)"><img src="template_images/bg_6_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number7', 60)"><img src="template_images/bg_7_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number8', 60)"><img src="template_images/bg_8_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number9', 60)"><img src="template_images/bg_9_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number10', 60)"><img src="template_images/bg_10_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a><a href="javascript:chooseStyle('number11', 60"><img src="template_images/bg_11_preview.GIF" alt="1" width="20" height="17" border="0" align="left"></a>

mburt
04-09-2007, 12:51 PM
They're all the same...

Links to stylesheets:
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css
http://cjnet.info/templates/previews/1/default.css

Also, I don't think you need the backslash in your linkrel href attribute.