Discussion :

[Invité]

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

[SpaceFrog]

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 ...

[Invité]

Pour créer le lien :

Code :

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

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 :

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

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 :

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

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

Tout marche nickel sous FF !

[SpaceFrog]

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

Code :

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

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

[Invité]

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.

[SpaceFrog]

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

surtout pour cette ligne:

Code :

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

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

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