ansaurus

Question

Add a link stylesheet dynamically in the <head>

Answer 1

A:

Hi

In IE, you could try the createStyleSheet method? That takes URL as a parameter. I don't know whether there is an equivalent in FF/chrome though..

--Senthil

2009-02-04 16:24:09

Answer 2

+1 A:

Internet explorer will support innerHTML, though it adds reflow this would work:

var headHTML = document.getElementsByTagName('head')[0].innerHTML;
headHTML    += '<link type="text/css" rel="stylesheet" href="style.css">';
document.getElementsByTagName('head')[0].innerHTML = headHTML;

Alagu 2009-02-04 16:26:39

Interresting, you code work only on firefox.

belaz 2009-02-04 21:05:07

I haven't tested this out, you mean to say this doesn't work in internet Explorer?

Alagu 2009-02-05 07:20:23

Yes.It doesnt work.

belaz 2009-02-05 16:01:21

Ah. Thats bad, I shouldn't have got a vote for my answer.

Alagu 2009-02-05 16:05:03

It works for Firefox, this is still a good answer.

belaz 2009-02-07 11:58:10

Answer 3

A:

What's the use case? I've done something similar based on the resolution of the site, so I might be able to help. But, I'd like to know why you're adding a stylesheet dynamically.

User-controlled themes?

Srdjan Pejic 2009-02-04 16:38:42

I have a lot of pages to modify, to include a tooltip on a form.Theses pages aren't built the same manner ( some are 8 years old, most haven't the same templates and design ).The purpose is to centralise all modifications in one JS included, to let others maintain code easier. That's the case.

belaz 2009-02-04 20:52:01

Right. What I wanted to propose was to insert the tag, but then disable it and re-enable it when needed. That's obviously not gonna work here. Are you able to narrow down which line actually crashes the browser? Does it happen when you try to append the element?

Srdjan Pejic 2009-02-04 21:02:14

Im not at the office now, i will check with colleagues later, on the other codes who interfere. Thank you for your concern but i think more and more that bug is specific to my configuration or crash because others scripts (a big medley i can't post).

belaz 2009-02-04 21:22:45

That's cool and no problem. Hope I can help (somewhat) again. :)

Srdjan Pejic 2009-02-04 21:30:09

Answer 4

A:

That was a simple cross reference javascript bug. Have a nice day.

belaz 2009-02-05 10:04:10

ansaurus

tags:

views:

answers:

Add a link stylesheet dynamically in the <head>

related questions