Post reply

Home Page


	Forum > Posts > Re: An easier way to exchange sty... Forum > Posts > Re: An easier way to exchange sty...

Home

Projects

Archive

Forums

Contact

Misc

Site Map

Forum Search

April 25, 2024, 05:33:26 pm
Welcome, Guest

News:

Official site launch very soon, hurrah!

Dakusan's Domain Forum >
Main Site Discussion >
Posts >
Post reply ( Re: An easier way to exchange style sheets in HTML )

Post reply


Warning: this topic has not been posted in for at least 120 days. Unless you're sure you want to reply, please consider starting a new topic.

Note: this post will not display until it's been approved by a moderator.

Name:
Email:
Subject:
Message icon:

[quote author=Dakusan link=topic=38.msg42#msg42 date=1254130274]
<div class="MainSiteContent"><div style="font-weight:bold;">Original post for <a href="https://www.castledragmire.com/Posts/An_easier_way_to_exchange_style_sheets_in_HTML">An easier way to exchange style sheets in HTML</a> can be found at <a href="https://www.castledragmire.com/Posts/An_easier_way_to_exchange_style_sheets_in_HTML">https://www.castledragmire.com/Posts/An_easier_way_to_exchange_style_sheets_in_HTML</a>.
Originally posted on: 07/03/08 </div>
<p>I have seen rather complex code out there for style sheet swapping in web browsers through <a href="https://www.castledragmire.com/Misc/Languages_and_Libraries#JavaScript">JavaScript</a>, and just found out a much simpler way works.</p><p>I could have sworn I tried to do real-time style sheet swapping a very long while back and none of my tests turned out satisfactorily, but a friend was just asking me about it, and I was redoing the tests, and it all worked out perfectly in an incredibly easy fashion in <a class=Define>IE</a> 6 & 7 and Firefox 2.5 & 3. All that needs to be done is swap the <i>href</i> of the <i>link</i> object pointing to the external style sheet file.</p><div class=code><link href="OLDSTYLESHEET.css" rel=stylesheet type="text/css" id=MyScriptSheet>
<input type=button onclick="document.getElementById('MyScriptSheet').href='NEWSTYLESHEET.css'"></div><p>Adding style sheets by dynamically inserting <a class=Define>HTML</a> via <a href="https://www.castledragmire.com/Misc/Languages_and_Libraries#JavaScript">JavaScript</a> seemed to work just fine too.</p><div class=code>document.body.innerHTML+='<link href="NEWSTYLESHEET.css" rel=stylesheet type="text/css">';</div></div>
[/quote]

Attachments and other options

Return to this topic.
Don't use smileys.

Attach:: (Clear Attachment); (more attachments); Restrictions: 10 per post, maximum total size 8192KB, maximum individual size 5120KB
Note that any files attached will not be displayed until approved by a moderator.

Verification:

Type the letters shown in the picture

Listen to the letters / Request another image

Type the letters shown in the picture:

Please stop spamming. Your spam posts are moderated and will never be displayed on the internet. What is eighty-eight minus eighty-six (spell out the answer):

Пожалуйста, прекратите спамить. Ваши спам-сообщения модерируются и никогда не будут отображаться в Интернете. What color is grass.:

shortcuts: hit alt+s to submit/post or alt+p to preview

Topic Summary

Posted by: Dakusan

« on: September 28, 2009, 05:31:14 am »

Insert Quote

Original post for An easier way to exchange style sheets in HTML can be found at https://www.castledragmire.com/Posts/An_easier_way_to_exchange_style_sheets_in_HTML.
Originally posted on: 07/03/08

I have seen rather complex code out there for style sheet swapping in web browsers through JavaScript, and just found out a much simpler way works.

I could have sworn I tried to do real-time style sheet swapping a very long while back and none of my tests turned out satisfactorily, but a friend was just asking me about it, and I was redoing the tests, and it all worked out perfectly in an incredibly easy fashion in IE 6 & 7 and Firefox 2.5 & 3. All that needs to be done is swap the href of the link object pointing to the external style sheet file.

<link href="OLDSTYLESHEET.css" rel=stylesheet type="text/css" id=MyScriptSheet>
<input type=button onclick="document.getElementById('MyScriptSheet').href='NEWSTYLESHEET.css'">

Adding style sheets by dynamically inserting HTML via JavaScript seemed to work just fine too.

document.body.innerHTML+='<link href="NEWSTYLESHEET.css" rel=stylesheet type="text/css">';

SMF 2.0.17 | SMF © 2019, Simple Machines
XHTML
RSS
WAP2

All content on this website (NOT INCLUDING ANYTHING IN THE FORUM) is copyrighted and owned by Jeffrey Riaboy unless otherwise noted. Click here for more information.