Discussion :

[yeste64]

Bonjour à tous, voici mon problème :

Ma page web est constituée d'un menu sur la gauche, listant des bons de commandes. Lorsque je clique sur l'un d'entre eux, une requête ajax est effectuée et le résultat s'affiche au centre de l'écran. Ainsi, à chaque fois que je clique sur un bon de commande, ses détails s'affichent au centre de l'écran.

Cependant, je voudrais que, lorsque je clique sur un élément du centre de l'écran, une fancybox s'ouvre.

Tout cela marche parfaitement ... seulement pour le premier bon de commande sélectionné. A partir du moment où je clique sur un second bon de commande sur la gauche, la fancybox que j'essaie d'ouvrir à partir du contenu au centre ne s'ouvre pas. Idem si je clique sur un premier puis un second bon sans avoir ouvert aucune fancybox..

En somme, dès que le contenu central de la page est actualisé une deuxième fois via Ajax, les fancybox ne veulent plus s'ouvrir.. Je le vois comme ça.

En espérant trouver de l'aide.
Merci d'avance à tous ceux qui prendront la peine de réfléchir dessus!

PS : j'ai été obligé de mettre le code JS de ma fancybox (y compris les fichiers à inclure) dans le fichier Ajax et non dans la page d'accueil dont le contenu est modifié en Ajax, ce que je trouve étrange...

[Sharcoux]

C'est difficile de t'aider comme ça. Essaye d'installer firebug. Tu pourras inspecter les erreurs rencontrées et l'état exact de toutes tes variables javascript.

Si tu n'arrives toujours pas à régler le problème, donne-nous plus de détails sur ce que dit firebug

bonne chance

[yeste64]

Merci de ta réponse. Je suis sous mac et safari. J'ai bien le débugger mais je ne sais pas trop m'en servir.. Comment inspecter l'état du javascript en temps réel ?

[Sharcoux]

firebug doit fonctionner dans safari normalement.

Il faut regarder l'onglet DOM pour avoir l'état exact du javascript.

Si tu veux connaître l'état à un moment particulier tu peux faire dans ton code :

Code :

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

trucmachin = monObjetAEtudier; alert("stop");

monObjetAEtudier peut aussi être this.
Tu le trouveras ensuite dans l'onglet DOM soit dans les premières variables de la racine, soit dans celles de window.

N'oublie pas le bouton "actualiser" de l'onglet DOM. Ca peut servir

[yeste64]

Lorsque je reclique sur un lien censé ouvrir une fancybox et qu'il ne le fait pas, j'obtiens ceci dans la console :

"TypeError: Result of expression 't' [undefined] is not an object."

Et la ligne indiquée ne correspond à rien de censé dans le code. Si je supprime la partie de code concernée d'après le debugger, l'erreur s'affiche quand même mais à un autre endroit du code (elle est indiquée dans la ligne d'un commentaire -_- )

[Sharcoux]

oui, firebug fait parfois un peu de la merde dans la localisation du problème. As-tu une variable t dans ton code, ou utilises-tu un librairie externe?

Tu peux aussi utiliser firebug pour faire du pas à pas. Dans script, tu choisis une ligne de code un peu en amont du problème. Ensuite tu fais les actions qui génèrent ton bug. Firebug va bloquer l'execution au niveau de la ligne où tu as cliqué. Ensuite tu n'as plus qu'à cliquer sur la première flèche jaune pour voir tous les appels javascript.

Dans la fenêtre de droite tu as l'état de toutes les variables.

Bonne chance