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>
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>