Discussion :

[davebee]

Bonjour à tous,

je souhaite créer dynamiquement des balises style et y insérer les CSS. Attention, c'est un flot de CSS ou je ne peux pas facilement acceder à chaque proprité si ce n'est avec un parsing complexe.

Ce probleme ne survient QU'AVEC Safari.

Pour info, si qq à ce problème (CSSValue contient en format text le code CSS):
- voila le code pour FF & OPERA:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
        var _st = document.createElement('style');
        _st.type='text/css';
        _st.innerHTML=CSSValue;
        document.documentElement.firstChild.appendChild(_st);

- voila le code pour IE:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
        var _st = document.createElement('style');
        _st.type='text/css';
        document.documentElement.firstChild.appendChild(_st);
        _st.styleSheet.cssText=CSSValue;

Maintenant, si vous avez le code pour Safari, ce serait super, car j'ai eu beau chercher dans la doc Safari, mais j'ai pas bien compris (encore) comment ca fonctionne!

merci à tous.

[le_chomeur]

Salut , essaye en ajoutant ton style au header :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
var element = document.createElement('style');
...
document.getElementsByTagName('head')[0].appendChild(element);

Bonne continuation

[davebee]

Merci de ta réponse, mais en faite mon problème se situe au niveau de l'intégration du flot de CSS dans la balise, car en utilisant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
_st.innerHTML=CSSValue;

ca marche pas sous SAFARI ( ni sous IE, mais j'ai trouvé comment l'intégrer ==> cf message d'origine), et je n'arrive donc pas à peupler ma balise STYLE.

Comme je l'ai dit dans ma question, j'ai un flot de CSS en format texte, et le parser pour obtenir chaque definition et chaque propriété et les intégrer une à une est possible mais plus risqué que le code ci dessus qui intègre tout d'un seul coup. Car si j'ai bien compris la doc webkit, la propriété est en lecture seulle !

Voila, merci à tous.

[le_chomeur]

as tu essayé de créer un noeud texte puis l'ajouter a ta balise style ? ( via le append child ?