11544 sujets

JavaScript, DOM et API Web HTML5

Bonjour à toutes et tous,

j'utilise fancybox sur un site.
Via xajax, je génère les résultats (liste de contacts) avec pour chaque résultat des liens qui ouvrent une popup avec fancybox.

Avant l'implémentation d'xajax, tout fonctionnait. Mais depuis, impossible de le faire fonctionner.

La requete xajax est un

$xajax_response->assign('resultats', 'innerHTML', $ma_variable_de_resultat);


Bien sûr j'ai du créer une div englobante

<div id="resultats"></div>


Le code généré ressemble à ça :

<article>
	<div id="resultats">
		</div><div class="row well">
			<div class="span2">lorem</div>
			<div class="span2">lorem</div>
			<div class="span4"><a href="#">lien</a></div>
			<div class="span1"><a href="#"><img src="img.png" alt="#"></a></div>	
			<div class="span1"><a href="#" id="info_contact">Voir</a></div>
			<div class="span1"><a href="#" id="modif_contact">Modifier</a></div>
			<div class="span1"><a href="#" id="delete_contact">Effacer</a></div>
		</div>
	</div>
</article>


et mon code jquery

<script type="text/javascript">
	$(document).ready(function()
	{
		$('#info_contact , #modif_contact , #delete_contact , #add_contact').fancybox(
		{
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
		});
		$.fancybox.center;
	});
</script>


J'ai l'impression que jquery ne parvient pas à trouver mes tags dans le dom lorsqu'il est généré par xajax.

Merci pour votre aide.
Modifié par neovea (15 Jan 2013 - 13:58)
Salut,

Je ne connais pas xajax mais tu devrais utiliser une méthode de type gestionnaire d'événement ou callback qui te permet d'appeler fancybox après que ton contenu ait été ajouté au DOM...

tm