Refresh CSS dynamique - Ajax - IE
Bonjour à tous,
Sur mon site, qui n'est pas encore online, j'utilise l'ajax. Je mets donc à jour la page en cours avec de nouveau éléments. Ces éléments possèdent des classes CSS. C'est classe CSS sont dynamique. Je veux dire par là que chaque utilisateurs peux avoir sa propre classe CSS générée en fonction des paramètres qu'il a configuré.
Donc lorsque j'affiche une zone de manière ajaxée, je transfert le div + le css. Cela fonctionne sous FF. FF interprète bien le div en fonction du css passé avec mais hélas cela ne fonctionne pas sous IE.
Exemple théorique
Au chargement:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<div>
<div id='classCss'>
<style>
.css1{
border: 1px;
}
</style>
</div>
<div id='content'>
<div id='1' class='css1'>blabla</div>
</div>
</div> |
Après execution ajax ma page devient.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<div>
<div id='classCss'>
<style>
.css1{
border: 1px;
}
</style>
<style>
.css2{
border: 2px;
}
</style>
</div>
<div id='content'>
<div id='1' class='css1'>blabla</div>
<div id='2' class='css2'>blabla2</div>
</div>
</div> |
Sous FF le div id='2' aura bien un border de 2px. Mais sous IE, aucune class css ne sera appliquée.
Une idée de solution ?
Peut être existe-il une fonction qui permet de rafraichir le style de la page en fonction des CSS contenu dans la page.
Je crois que Clubic fait cela (lors du choix de la skin) mais je n'arrive pas à comprendre comment ils font sur clubic même si ce n'est pas la même chose dans mon cas.
