11548 sujets

JavaScript, DOM et API Web HTML5

bonjour à tous et toutes,
je sèche lamentablement sur un souci de javascript.
en PHP, je génére dynamiquement une liste que j'affiche grâce à la fonction 'accordion' de JQuery.

chaque clic dans ma liste permet l'affichage d'une div remplie par un appel ajax
un petit bout de code pour bien situer

<div class="left" >
	<div class="accordeon">
	<?php foreach($ref['ci']as $ci) : ?>
		<h2><a href="#"><?php echo $ci['code']." - ".$ci['libelle'];?></a></h2>
		<div class="zoneCI" id="<?php echo $ci['code'];?>">
		</div>
	<?php endforeach;?>
	</div>
</div>

<!-- Scripts Javascript -->
<!-- Gestion du menu accordéon -->
<script>
$(function() 
{
	
<!-- Appel du contenu de chaque élèment -->
	$('.zoneCI').each(function()
	{
		var ci = $(this).attr('id')
		var obj =$(this)
		$.ajax(
		{
	  		type: 'GET', 
	  		url: 'deployerCI', 
	  		data: {ci:ci},
	  		success: function(data)
	  		{
	  			obj.empty().append(data)
	  		}
		}
		)
	}
	);

	$(".accordeon").accordion(
	{
		collapsible: true,
		active: false,
		clearStyle: true,
		header : 'h2'
	}
	);

}
);	
</script>


l'appel ajax fonctionne bien !! mais !! car il y un mais
dans la page appelé , je veux remettre un affichage de type 'accordion' et la, ca plante
un petit exemple de ce que j'obtiens !!

upload/11909-probleme.png

le traitement 'accordion' ne se fait pas sur les pages insérées par ajax

le code des pages appelés est le même que celui cité précédemment aux variables près ...

si quelqu'un a une idée, une piste ou même une réponse toute faite, je suis preneur

merci d'être arrivé jusque la...
Quatre
Modifié par Quatre (13 Jul 2012 - 11:57)
oupsss !!!

autant pour moi
le problème est juste lié à l'absence d'une balise fermante dans mon code!!

Quatre