DomHelper append stylesheet in IE

[zombeerose]

Does anyone know what I'm doing wrong? This code works fine for FF but IE6 just won't load the stylesheet.

var head = document.getElementsByTagName('head')[0];
Ext.DomHelper.append(head, {
 href: 'your_new_style.css'
 ,rel: 'stylesheet'
 ,tag: 'link'
 ,type: 'text/css'
 ,media: 'screen'
});

If I go old-school, it works in IE

var css = document.createElement('link');
css.type = 'text/css';
css.rel = 'stylesheet';
css.href = 'your_new_style.css';
css.media = 'screen';
head.appendChild(css);

[Condor]

DomHelper defaults to inserting HTML, but you can only insert a script tag using DOM manipulation, e.g.

Ext.DomHelper.useDom = true;

ps. Isn't it easier to use:

Ext.util.CSS.swapStyleSheet('my-id', 'your_new_style.css');

(doesn't set the media type)

[zombeerose]

I would normally use the CSS class but in this situation, I am trying to add a stylesheet to a document that is loaded in a managed iframe. That also begs the question of why isn't there an addStyleSheet method in the CSS class that adds a link to an existing file? You can create one from rules and delete a link but you can't add a link?

I tried setting the useDom flag but it still won't work for IE.

[hendricd]

I would normally use the CSS class but in this situation, I am trying to add a stylesheet to a document that is loaded in a managed iframe. That also begs the question of why isn't there an addStyleSheet method in the CSS class that adds a link a document?

I tried setting the useDom flag but it still won't work for IE.

@zombeerose -- No, you can't use DomHelper to create elements (with useDom:true) in other documents (until a later MIF release) because the document context is 'locked in' to the document that loaded Ext.

But, as Condor recommended earlier, MIF's CSS interface provides a similar method:

MIFP.getFrame().CSS.swapStyleSheet('someId', 'your_new_style.css');

[zombeerose]

I'll talk your word for it about the DomHelper. I'm still confused why then it works in FF but not IE.

As far as CSS, I would love to use that class if there was an "add" method because I'm not swapping a sheet.

[hendricd]

I'll talk your word for it about the DomHelper. I'm still confused why then it works in FF but not IE.

As far as CSS, I would love to use that class if there was an "add" method because I'm not swapping a sheet.

The CSS.swapStyleSheet method simply removes an existing <link> tag (if it exists) and recreates a new one for you. It does what you're looking for.

[zombeerose]

Ah ha! It works in IE too - even better!!!

You guys are awesome! Thanks!