Bonjour à tous,

J'ai mis en place une navigation en ajax sur un nouveau projet.

Sur mon index.php, j'ai une balise :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="contenu"></div>

Lorsque je clique sur un lien du menu de ma page index.php, cela déclenche la navigation ajax qui effectue le traitement suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
$("#contenu").append("adresse/de/la/page/cible.php");

Ainsi, je récupère le contenu de mes pages sans recharcher complètement ma page.

Ce système fonctionne bien sauf que certains composants javascript s'initialisent mal.

Par exemple, le composant FullCalendar (http://arshaw.com/fullcalendar/) ne s'affiche pas bien. Seul l'en-tête du calendrier s'affiche et il faut que je clique sur la vue désirée pour qu'elle apparaisse alors que normalement une vue est affichée par défaut.
Dans ce cas précis, ma page cible est composée comme suit :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<link href="fullcalendar.css" rel="stylesheet">
<link href="fullcalendar.print.css" rel="stylesheet" media="print">
 
<div id="calendar"></div>
 
<script src="fullcalendar.min.js"></script>
 
<script>
$('#calendar').fullCalendar();
</script>

En dehors de la navigation ajax, cela fonctionne bien.

Et j'ai ce problème avec plusieurs composants.

J'en appelle donc à votre expertise afin de savoir si certains d'entre vous ont déjà rencontré ce problème et s'ils connaissent une astuce pour que cela se passe bien.

Merci d'avance.