Discussion :

[LeBigornot]

Bonjour,
Mon problème à l'air plutôt simple mais je n'arrive vraiment pas à le résoudre

J'ai une page HTML toute simple avec le menu en haut de page. Lorsque l'utilisateur choisi une option du menu, la partie centrale de la page est rafraichie avec AJAX.(div.innerHTML).

Ma page HTML contient une feuille de style inclue comme ceci:

Code :

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

<link rel="stylesheet" type="text/css" href="monstyle.css"/>

Dans mes parties chargées avec ajax impossible de me servir de mes classes css sous IE par contre cela marche très bien sous Firefox...

Il y a bien un moyen quand même non ? me dites pas que c'est pas possible d'utiliser css dans des bout de pages chargées par AJAX ?

[LeBigornot]

J'ai trouvé mon soucis.

En fait j'utilise une fonction (trouvée sur ce forum) qui remplace le innerHTML pour faire des eval sur les parties javascript et les exécuter. Elle commence comme cela:

Code :

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

1
2
3
4
5
6
7
8
9
 function setInnerHTML(divContent, HTML) {
      divContent.innerHTML=HTML; 
      var All=divContent.getElementsByTagName("*");
      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")
[...]
      }

En mettant en commentaire le

Code :

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

All[i].className=All[i].getAttribute("class")

çà marche niquel çà doit me foutre en l'air mes attributs class ! Je ne sais pas trop à quoi sert cette ligne je verrais bien si il me manque quelquechose pour l'instant je l'enleve

Désolé pour le dérangement inutile