[Ajax] setInnerHTML n'aime pas le css

Bonjour à tous,
je me suis trouvé confronté au fameux problème des scripts javascript qui ne s'executent pas si ceux-ci sont ajouté sur une page avec innerHTML. J'ai finalement essayé la solution proposé dans la FAQ, à savoir utiliser setInnerHTML. Cela fonctionne à merveille si ce n'est que les class définis dans un css ne sont plus interprété.
Je m'explique, depuis que j'utilise setInnerHTML, les balises div supposés composé d'un arrière plan (définit dans le css) sont identifisé à l'aide d'un class=... . Seulement elles ne s'affiche tout simplement pas. En revanche, les balises div identifié avec un id=... s'affiche correctement....
J'aimerai éviter d'avoir à changer mon énorme css et les quelques centaines de pages qui vont avec :-p.
Y a -til une solution à ce problème ?
Merci pour vos futurs réponses.

il n'y a pas dasn la FAQ ou les contribution un script pour ajouter dynamiqueemnt du script dasn une page avec le DOM createElement('script') ?

En fait je dois charger dynamiquement une page via l'objet xmlhttprequest.
Pour afficher son contenu, j'utilisais innerHTML jusqu'au moment ou je découvre ce probleme de javascript non interprété. setInnerHTML semblait la solution miracle si seulement les class définies dans le css étaient interprétées :( .

J'ai oublié de préciser que ce problème n'avait lieu que sous Internet Explorer.

Dans cet exemple les pages sont construites à partir du responseText avec innerHMLT

http://www.sebemex.fr/Extramiante/Catalogue/index.htm

Je n'ai pas rencontré de souci particulier

la solution du CSS sous Internet Explorer utilisant setInnerHTML

ajouter le code css DANS le fichier ajax en question


exemple :


---fichier ajax---contenant--javascript-----

...

<style type='text/css'>
.CSS_TD_BRD_BORDERS {border:white solid 2px;}
.CSS_TD_BRD_BORDERS:hover {border:silver dashed 2px;}
</style>

.....


<td class='CSS_TD_BRD_BORDERS'> ....



-------------------------------------------------

Si quelqu'un revient par ici avec le même problème (comme moi par exemple), voici le pourquoi du problème :

Dans la fonction setInnerHtm (cf http://www.developpez.net/forums/sho...9&postcount=18) il est indiqué en début de fonction :

Citation:

---

for (var i=0; i<All.length; i++) {
All[i].id=All[i].getAttribute("id")
All[i].name=All[i].getAttribute("name")
All[i].className=All[i].getAttribute("class")
}

---

mais l'ordre All[i].getAttribute("class") ne fonctionne pas sous IE qui attend All[i].getAttribute("className")

Une solution possible :

remplacer

All[i].className=elementClass;

par

var elementClass = All[i].getAttribute("class");
if (elementClass == null) {
elementClass = All[i].getAttribute("className");
}
All[i].className=elementClass;

Si jamais ça peut être utile à quelqu'un...

Mamat'

merci de ton retour :)

si tu as résolu ton problème n'oublie pas le tag ;)

Citation:

---

Envoyé par matyeu

Si quelqu'un revient par ici avec le même problème (comme moi par exemple), voici le pourquoi du problème :

(...)

Si jamais ça peut être utile à quelqu'un...
Mamat'

---

Pourrais-tu proposer cette solution dans le post où tu as trouvé la référence à setInnerHTML ? Ca pourrait en aider plus d'un !