Ajout CSS via JavaScript

**j-berne** · 14/08/2009, 11h20

Bonjour, je travaille avec des API javascript (dont YUI),

Description de mon document

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<html>
<head>
<sript "tout mes documents javascript"></script>
<link "tout mes CSS"></link>
 
<script>
function load () {
window.application = new AppliWeb();
window.application.init();
}
</script>
</head>
<body onload="load();">
</body>

Le souci est que l'initialisation ajoute tout un tas de fichier CSS juste avant le </head> et donc surcharge mes propre CSS.

Il y a t-il un moyen de stipuler une feuille de style principale??
Sinon comment ajouter "<link href="main.css"/>" avec du JavaScript.

merci, cordialement.

Ben

**Macmillenium** · 14/08/2009, 11h33

Bonjour,

Envoyé par j-berne

Il y a t-il un moyen de stipuler une feuille de style principale??

Tu ne peux pas rajouter un élément LINK dans ton HEAD ?

Envoyé par j-berne

Sinon comment ajouter "<link href="main.css"/>" avec du JavaScript.

Code javascript :

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

1
2
3
4
5
6
7
 
var creationLink = document.createElement('link');
creationLink.setAttribute('rel', 'stylesheet');
creationLink.setAttribute('type', 'text/css');
creationLink.setAttribute('href', 'main.css');
 
document.getElementsByTagName('head')[0].appendChild(creationLink);

**j-berne** · 14/08/2009, 12h27

Merci, mais je viens de me rendre compte, qu'il y avait du asynchrone dans l'ajout automatique de CSS, donc ils y en a qui viennent quand même s'incruster après mon main.css (ils doivent utiliser la même méthode).

Si il y a une autre idées, pas trop complexe (car ça par vite en queue de poisson avec les APIs) je suis preneur.

Merci, Ben.

**Macmillenium** · 15/08/2009, 13h10

Envoyé par j-berne

Merci, mais je viens de me rendre compte, qu'il y avait du asynchrone dans l'ajout automatique de CSS, donc ils y en a qui viennent quand même s'incruster après mon main.css (ils doivent utiliser la même méthode).

Hum ... on peut voir la page en ligne ?

Ajout CSS via JavaScript

CSS

Vue hybride

Discussions similaires

Partager

Partager