Bizarreries très gênantes dans IE

Bonjour,

Alors voila mon souci, je suis en train de développer un script censé m'afficher une boite de dialogue dont le contenu est chargé par AJAX.
La phase de création de ma boite de dialogue se passe bien, ma requête AJAX s'effectue sans problème (mis à part que je dois vider le cache de IE pour voir mes modifications si je change quelque chose dans le fichier inclus... Pas pratique !).

En fait mon problème arrive quand je crée le lien qui doit fermer la boite de dialogue, juste après ma requête AJAX : IE ne me l'affiche pas, à moins que je scroll ma boite jusqu'en bas et que je remonte là où le lien devrait se trouver. Dans ce cas là, mon lien apparait, mais je comprends absolument pas pourquoi.
Si ma page incluse par AJAX contient un lien quel qu'il soit, mon lien pour fermer s'affiche normalement...



De plus, ce lien fait appel à une fonction JS pour supprimer ma boite de dialogue, mais au clic, rien ne se passe.
Si je place exactement le même lien dans ma page incluse, ma boite se ferme, mais avec le lien inclus dynamiquement, rien du tout.



Absolument tout marche parfaitement sous Firefox et IE ne renvoie aucune erreur de script, pas plus que les barres d''outils de développement qui lui sont associées.


Je comprends plus rien là ! Si vous pouviez m'éclairer.


Désolé pour le roman

pour eviter d'avoir à vider le cache IE mets un timestamp dans ta requete ajax .....

pour le reste sans voir les parties de code incriminés en particulier la creation du lien ...

Pour créer le lien :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

... closeButton = document.createElement('a'); closeButton.setAttribute('href', '#'); closeButton.setAttribute('onClick', 'closeDialog("' +id+ '");'); closeButton.setAttribute('id', 'close_' +id); closeButton.style.position = "absolute"; closeButton.style.top = "5px"; closeButton.style.right = "5px"; closeButton.appendChild(document.createTextNode("Fermer")); newDialog.appendChild(closeButton); opacity(id, 0, 100, 500); ...

---

Pour supprimer la boite :

Code:

---

1 2 3 4 5 6 7

function closeDialog(id){ Body = document.getElementsByTagName('body')[0]; Body.removeChild(document.getElementById(id)); opacity('Dark', 70, 0, 1000); setTimeout('document.getElementById("Dark").style.display = "none;"', 1000); }

---

La sortie de la fonction de création du lien :

Code:

---

1 2	<A id=close_alert style="RIGHT: 5px; POSITION: absolute; TOP: 5px" href="#" onClick='closeDialog("alert");'>Fermer</A>

---

Tout marche nickel sous FF !

La syntaxe n'est pas bonne inspire toi de ça

Code:

---

1 2 3

closeButton.'href'= '#'; closeButton.id= 'close_' +id; closeButton.onclick=function(){closeDialog(this.id)};

---

Heu, merci pour ton aide mais ma syntaxe est correcte, simplement, je passe par le DOM. D'ailleurs la ligne que j'ai indiqué comme étant la sortie du script, je l'ai copié directement de l'inspecteur du DOM de DebugBar, dans IE. De plus, j'utilise cette même syntaxe pour créer ma boite de dialogue et dans ce cas ça fonctionne parfaitement.


Après test, les guillemets autour de href font bugguer mon script, en les enlevant, ça remarche jusqu'à ce que je clique sur mon lien, la il me sort la même erreur incohérente qu'avec les guillemets... Je rêve d'un vrai debugger javascript sous IE, un truc à la FireBug.

heu sboob si je te dis de changer de syntaxe ce n'est pas sans raison !

surtout pour cette ligne:

Code:

---

closeButton.onclick=function(){closeDialog(this.id)};

---

elle est crossBrowser ce qui n'est pas le cas de ta syntaxe ...

Désolé pour tout à l'heure, t'avais raison pour le onclick.
Maintenant il me renvoie une syntax error dans cette fonction :

Code:

---

1 2 3 4 5 6 7

function closeDialog(id){ Body = document.getElementsByTagName('body')[0]; Body.removeChild(document.getElementById(id)); opacity('Dark', 70, 0, 1000); setTimeout('document.getElementById("Dark").style.display = "none;"', 1000); }

---

J'ai beau chercher, je la trouve pas. Pis accessoirement, de temps en temps, mais je saurais pas dire exactement dans quelles conditions, j'ai la même erreur sur la dernière ligne...
J'ai essayé d'exécuter la fonction en pas à pas directement, par IE7pro, ça marche sinon, ça plante...


En tout cas merci et encore désolé pour tout à l'heure.



P.S. : Mon lien n'est toujours pas affiché tant que j'ai pas scrollé jusqu'en bas de ma div... ça non plus, comprends pas !

essaye ça ?

Code:

---

document.body.removeChild(document.getElementById(id));

---

pour le coup du lien qui ne s'affiche pas avant d'avoir scrollé il faudrait avoir le code complet ... je ne vois pas trop ...

Ouais c'était ça mais je l'avais déja trouvé.

En tout cas merci à tous.

Donc pour résumer, il vaut mieux éviter les setAttributes quand on peut et passer par les "raccourcis" genre :

Code:

---

element.onclick = "function()"

---

Pour mon lien qui n'apparaissait qu'après un scroll, il fallait remplacer le :

Code:

---

1 2 3 4 5

newDialog.appendChild(closeButton)   par   newDialog.insertBefore(closeButton, document.getElementById(id).firstChild);

---

Voila j'espère que ça servira à quelqu'un !


encore merci !