[AJAX] événement après insertion code ajax
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:
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 !
