[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 !