Discussion :

[kev484]

Bonjour à tous,

Je ne sais pas si je suis dans le bon Forum.

Je développe en ce moment un site avec drupal. J'ai une fonction qui me renvoie du contenu que j'affiche ensuite en AJAX :

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
$.ajax({
	url: '/ajax/'+id_lien+'/'+nid,
	success: function(data) {
		$('.overlay_content').html(data);
		if(id_lien == "bouton_caracteristiques"){
			$('.carct_contenu').hide();
			$('#carct_contenu_0').show();
			$('li#onglet_0').addClass('actif');
		}else if(id_lien == "bouton_photos"){
			var first = $('.modele-diapo-photo .views-row-first').find('img');
			var new_format = first.attr('src').replace('model_diapo_thumb','model_diapo');
			$('.photo_principale').append('<img src='+new_format+' />');
			/*Shadowbox */
			$('.agrandir_photo a').attr('href',new_format);
			/* Telechargement de l'image */
			var name_path = new_format.split('/');
			name_path = name_path.reverse();
			var name_file = name_path[0];
			$('.dl_photo a').attr('href','/telechargement/'+name_file);
		} 
	}
});

Jusque là pas de problèmes. Cependant, dans mon contenu, j'utilise un lien vers une shadowbox :

Code php :

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

'<li class="agrandir_photo"><a href="lien_image" title="'.t('Enlarge picture').'" rel="shadowbox" class="shadowbox">'

Le problème vient d'ici, le module Shadowbox analyse au chargement de la page tous les liens et intéragit avec ceux ayant le

rel="shadowbox"

. En chargeant avec l'AJAX les liens n'existent donc pas au départ.

J'ai essayé de faire un :

Code :

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

$('a.shadowbox').live('click' ,function .....

en mettant dans la fonction le code de shadowbox.js mais rien a faire ça ne fonctionne pas.

Quelqu'un a déjà fait cela?

Merci d'avance,

Kevin

[SpaceFrog]

on() ou delegate() pas live()

[kev484]

Merci de votre réponse.

Finalement j'ai fait comme cela :

Code :

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

1
2
3
4
5
6
7
$('a.shadowbox').live('click', function() {
			Shadowbox.setup("a.shadowbox", {
				gallery: "field_model_picture",
			});
			Shadowbox.open(this);
			return false;
		});

Kevin

[SpaceFrog]

attention à la version de jquery avec live