Css Question

contrapuntal · October 5th, 2003, 3:53 PM

I have seen sites where they had a link that you could press to change the CSS file in a HTML page. How do you do that?

So, for example, the default stylesheet would be "main.css" -> click a hyperlink -> the stylesheet changes to "main2.css"

However, the HTML page doesn't change, or at least that's what I remember. I saw this neat function on http://www.diveintomark.org/, but apparently, he took it off.

snide · October 5th, 2003, 8:54 PM

I think Omicron had something like that. Maybe he will share his.

Maybe it wasn't a stylesheet but something cool nonetheless.

kimijye · October 6th, 2003, 3:19 AM

This would be really easy to do by making your link a link to an alternate page where everything was the same on the page except for the stylesheet called [smile]

Kimi

contrapuntal · October 6th, 2003, 4:07 AM

I don't want to do that because my page is a dynamic weblog. But thanks for the suggestion anyway.

I sent an email to Mark (diveintomark.org) to see if he might give me his code.

**patrickb** · October 6th, 2003, 11:09 AM

contra, I will look around for the links somewhere. It's a javascript trick. I can't remember the details of how it works, but I could hash it out if need be. But I know there is a tutorial about this somewhere. I saw it quite a while back...

contrapuntal · October 6th, 2003, 6:47 PM

Thanks a lot monkeyboy! :worship: I'm glad I checked back at this forum, because Mark did not reply to my email.

This function is so useful! :happyday:

Edit: if you want to use this script too, change the <script language...> part to make it validate HTML:

change this:
<script language="JavaScript">

to this:
<script language="JavaScript" type="text/javascript">

kimijye · October 7th, 2003, 7:40 PM

I don't know how the stylesheets are changed here, but this site is worth a visit.

http://www.strangebanana.com/generator.aspx

contrapuntal · October 9th, 2003, 7:02 PM

Mark finally replied to my email, and he redirected to A List Apart's tutorial, which seems good:

http://www.alistapart.com/stories/n4switch/

October 5th, 2003, 3:53 PM	#1 (permalink)
contrapuntal Registered User Seasoned Poster Joined in Jun 2003 Lives in California 78 posts Gave thanks: 0 Thanked 0 times	I have seen sites where they had a link that you could press to change the CSS file in a HTML page. How do you do that? So, for example, the default stylesheet would be "main.css" -> click a hyperlink -> the stylesheet changes to "main2.css" However, the HTML page doesn't change, or at least that's what I remember. I saw this neat function on http://www.diveintomark.org/, but apparently, he took it off. __________________ Server: vega

October 5th, 2003, 8:54 PM	#2 (permalink)
snide Registered User Super #1 Joined in Jul 2003 Lives in So. NJ 1,557 posts Gave thanks: 0 Thanked 9 times	I think Omicron had something like that. Maybe he will share his. Maybe it wasn't a stylesheet but something cool nonetheless. __________________ Dime13 \| Pass17

October 6th, 2003, 3:19 AM	#3 (permalink)
kimijye Registered User Seasoned Poster Joined in Oct 2003 39 posts Gave thanks: 0 Thanked 0 times	This would be really easy to do by making your link a link to an alternate page where everything was the same on the page except for the stylesheet called [smile] Kimi __________________ Kimijye [aka] Kim Brooks Wei kimbwei.com

October 6th, 2003, 4:07 AM	#4 (permalink)
contrapuntal Registered User Seasoned Poster Joined in Jun 2003 Lives in California 78 posts Gave thanks: 0 Thanked 0 times	I don't want to do that because my page is a dynamic weblog. But thanks for the suggestion anyway. I sent an email to Mark (diveintomark.org) to see if he might give me his code. __________________ Server: vega

October 6th, 2003, 11:09 AM	#5 (permalink)
patrickb the one who was Super #1 Joined in Jul 2003 Lives in Memphis 1,967 posts Gave thanks: 0 Thanked 3 times	contra, I will look around for the links somewhere. It's a javascript trick. I can't remember the details of how it works, but I could hash it out if need be. But I know there is a tutorial about this somewhere. I saw it quite a while back... __________________ Patrick Warnings: The program(s) might crash unexpectedly or behave otherwise strangely. (But of course, so do many commercial programs on Windows.) --www.gimp.org

October 6th, 2003, 6:47 PM	#6 (permalink)
contrapuntal Registered User Seasoned Poster Joined in Jun 2003 Lives in California 78 posts Gave thanks: 0 Thanked 0 times	Thanks a lot monkeyboy! :worship: I'm glad I checked back at this forum, because Mark did not reply to my email. This function is so useful! :happyday: Edit: if you want to use this script too, change the <script language...> part to make it validate HTML: change this: <script language="JavaScript"> to this: <script language="JavaScript" type="text/javascript"> __________________ Server: vega

October 7th, 2003, 7:40 PM	#7 (permalink)
kimijye Registered User Seasoned Poster Joined in Oct 2003 39 posts Gave thanks: 0 Thanked 0 times	I don't know how the stylesheets are changed here, but this site is worth a visit. http://www.strangebanana.com/generator.aspx __________________ Kimijye [aka] Kim Brooks Wei kimbwei.com

October 9th, 2003, 7:02 PM	#8 (permalink)
contrapuntal Registered User Seasoned Poster Joined in Jun 2003 Lives in California 78 posts Gave thanks: 0 Thanked 0 times	Mark finally replied to my email, and he redirected to A List Apart's tutorial, which seems good: http://www.alistapart.com/stories/n4switch/ __________________ Server: vega

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search