[AJAX] événement après insertion code ajax

**jerome38000** · 05/06/2009, 14h45

Bonjour à tous,

Je pense que ma question est un grand classique mais je n'ai pas trouvé réponse à mon problème.
J'ai une page A qui comporte un div contenant des liens.

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
 
<div id="contenu">
   <a href="traitement.php" class="lien">cliquez moi 1</a>
   <a href="traitement.php" class="lien">cliquez moi 2</a>
</div>
 
<script type="text/javascript">
window.addEvent('domready', function() {
            $$('.lien').each(function(el) {
                el.addEvent('click', function(e) {
                    e = new Event(e).stop();
                    var myRequest = new Request({
                        url: el.href,
                        method: 'get',
                        onSuccess: function(response) {
                            $('contenu').innerHTML = response;
                        },
                    }).send();
                });
            });
</script>

Le fait de cliquer sur un lien reactualise la totalité du bloc 'contenu' avec l'ajout de nouveau lien de class'lien', sauf qu'apres reactualisation, l'évenement onclick ne marche plus.
Je peux comprendre pourquoi ca ne marche pas, mais je n'arrive pas a savoir comment faire pour que ces nouveaux liens soient pris en compte par le javascript de bas de page.

merci par avance !

**emmanuel.remy** · 05/06/2009, 19h02

Salut,

Il te faut reconnecter tes événements click puisque tu as tout supprimé dans ta div contenu.

ERE

**Bovino** · 05/06/2009, 19h04

Oui, c'est effectivement un grand classique et je suis très étonné que tes recherches n'aient rien donné

Ton problème vient du fait que les événement sont liés à un élément HTML. Si tu le remplaces, ce n'est plus le même élément, donc il n'y a aucun événement associés. Il faut donc les réaffecter après la mise à jour.