Discussion :

[Goupo]

Bonjour à tous,

J'essaie d'utiliser la librairie JQuery pour appeler une page php dans une autre à la volée (sans recharger ma page).

J'ai pu trouver cette fonction mais j'ai une erreur que je ne parviens pas à résoudre.

trace1 et trace2, s'affichent.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
  <script language=javascript src="js/lib/jquery-1[1].3.2.min.js" type="text/javascript"></script>
 <script>
  function appelerPage() {
 
 alert('trace1');
 
 $(document).ready(
  function () {
   $.post(
    "php/typologies/testjquery.php", 
    {NomDuPost : "A", NumDuPost2 : "B"}, 
    function success(data){$("#destination").html(data);}
   );
  }
 );
 
 alert('trace2');
}
 </script>
 
 <a href="#" onclick="appelerPage();">Test appel de page avec jquery</a>
 
 <div id="#destination">
  a
 </div>

Voici l'erreur qui m'est donnée par Firebug :

Code :

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

element.dispatchEvent is not a functionelement.dispatchEvent(event);

La fonction dispatchEvent (qui vide le contenu de ma div, si je traduis bien) ne semble pas être reconnue en tant que fonction.

Dans firebug, lorsque je fais Load Response, j'ai bien le contenu désiré mais dans la page, le contenu reste définitivement "a";

J'ai pu lire sur d'autres sites que certaines lib javascript pouvaient entrer en conflit. J'utilise également la libraire prototype. Ce librairies peuvent elles entrer en conflit?

Merci d'avance.

[Bovino]

Salut,

J'utilise également la libraire prototype. Ce librairies peuvent elles entrer en conflit?

Oui, c'est possible puisque ces deux librairies partagent une méthode $().
Heureusement, les développeurs de jQuery ont prévu cela avec la fonction noConflict().
Voir la doc officielle pour plus de détails.

[Goupo]

J'ai supprimé ma librairie Prototype et je n'ai plus de message d'erreur.

Cependant, mon problème persiste, lorsque je clique sur mon lien, ma div ne bouge toujours pas.

Si ça ne vient pas du conflit (qui n'a plus lieu) d'où est-ce que ça peut venir?

Ma référence à la div est mauvaise ou bien y a-t-il toujours un problème au niveau du vidage de celle-ci?

J'ai fait en sorte de pouvoir m'en passer mais combien de temps tiendrai-je? Y'a-t-il un moyen de faire cohabiter ces 2 lib? Edit: Merci Bovino, j'utiliserai noConflict();

[Goupo]

Une lecture rapide d'une doc JQuery m'a permis de mettre le doigt sur mon dernier problème.

Code :

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

 $("#destination").html(data);

Ce code fait référence à mon objet dont l'id est 'destination' et pas '#destination'.

J'avais bêtement nommé ma div '#destination'. En enlevant le #, comme par magie, ça fonctionne.

Code :

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

1
2
3
4
 <!-- Pas bien <div id="#destination"> -->
<div id="destination"> <!-- Bien -->
  a
</div>

Merci et @+!