Dear Opera guys…

Large bookcase #1, 3rd shelfImage by vjl via Flickr

Can you please tell me how to add external stylesheets with JavaScript? I’m trying to add them by creating a link element with a rel=”stylesheet”, type=”text/css” and a valid href and then appending this to the head element but it doesn’t seem to work. I’m quite sure my css files are good since when stripped down they only contain body {background-color:#ff0000;}.

It’d be great if you could post a solution because I really don’t want to spend another hour thinking about this – I already spent four and I got nowhere.

Reblog this post [with Zemanta]

This entry was posted on Tuesday, September 2nd, 2008 at 04:46 and is filed under blurps. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

7 Responses to “Dear Opera guys…”

  1. lojze says:
    September 2nd, 2008 at 05:36

    what about import?

  2. lojze says:
    September 2nd, 2008 at 05:36

    oh… something ate my code lol

  3. zproxy says:
    September 2nd, 2008 at 06:29

    Hey,

    My ScriptCoreLib frameworks uses the following:

    1. add a new STYLE with content default /**/ to HEAD element
    2. call insertRule or addRule to specify selector
    3. access the .style member on the newly created rule to set values

    This might not work on older opera versions like the one i have on my Amino 110 IPTV…

    ScriptCoreLib is written in c# yet you might find it as a good reference:
    http://jsc.svn.sourceforge.net/viewvc/jsc/core/ScriptCoreLib/JavaScript/DOM/IStyle.cs?revision=733&view=markup

  4. Marko says:
    September 2nd, 2008 at 07:40

    Interesting approach. Ghastly, but interesting nevertheless.

  5. Marko Mrdjenovic says:
    September 2nd, 2008 at 07:48

    I’ve got an idea of my own – add a style and include a stylesheet with an import rule. Have to test it…

  6. Marko Mrdjenovic says:
    September 2nd, 2008 at 08:50

    I’ve been debugging this a bit – when I make a simple example it works flawlessly. So I went back to WordPress where the problem first occured and it still does. From what I gathered the link element is added to the head and is also present in the document.styleSheets array but its cssRules array breaks Opera when accessed, while href is returned normally.

    Even if analysis is postponed the stylesheet remained disabled and without the cssRules array. Weird.

  7. Marko Mrdjenovic says:
    September 2nd, 2008 at 09:37

    It seems the stylesheet doesn’t load only when I’m serving it from a local Apache server…

Leave a Reply