Discussion :

[huguette]

Bonjour,

Je développe un site qui permet aux utilisateurs de créer des albums. A chaque création d'album, un lien est ajouté dans le menu du site.
Si je teste mon script en ajoutant un lien "album_1" , ça marche parfaitement. En revanche, dès que je recommence l'opération avec un "album_2" par exemple. Les deux liens "album_1" ainsi qu' "album_2" vont pointer sur "album_2" et ainsi de suite. Tous les liens créés finissent par pointer sur le dernier album ajouté.
Voilà le script:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
new Ajax.Request('fonctions_PHP/creer_album.php',{
		method: 'post',
		parameters: $H({'auteur_id':membre_id, 'album_nom':album_nom}),
		evalScripts: true,
		onSuccess:function(requester){
			data = requester.responseText.evalJSON();
			new Insertion.Top('liste_albums','<li><a href="#" id="album_'+data.album_id+'">'+album_nom+'</a></li>');
			$('album_'+data.album_id).observe('click',function(event){charger_album(data.album_id);});
			new Effect.Highlight('album_'+data.album_id);
		}
	});

En revanche, chaque lien créé garde bien son ID propre.
Le problème réside dans le gestionnaire d'événement de prototype.

J'ai cependant réussi à apporter une solution à ce problème mais elle ne me convient pas. Cad, plutôt que d'exécuter une Request, j'effectue un Updater sur une balise "<script>" et je fais une Insertion.

En espérant que quelqu'un à réussi à se défaire d'un problème similaire!

[huguette]

Voilà la solution propre:

il faut remplacer cette ligne:

Code :

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

1
2
 
$('album_'+data.album_id).observe('click',function(event){charger_album(data.album_id);});

par celle-ci:

Code :

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

1
2
 
new Event.observe('click',charger_album.bindAsEventListener(this,data.album_id));