Bonjour,

A l'aide de la fonction .ajax() de JQuery je charge le contenu d'une page.
Mais je voudrais récupérer seulement le contenu d'une div de cette page. J'y arrive grâce à la fonction .find() mais du coup il ne me charge plus les javascripts contenus dans cette div.

Voici mon script :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<script type="text/javascript">
$(document).ready(function() {
	var $contenu_div = $('#cadre_principal div');
	var page = $('#nav li a:first').text(); // par défaut c'est Index
 
	// au clic sur un lien du menu
	$('#nav li a').on('click', function() {
		$('#nav li').attr('class', '');
		$(this).parents().attr('class', 'active');
 
		// on récupère le nom de la page demandée
		var pageDemandee = $(this).text();
 
		// si on appelle une page qui n est pas celle affichée
		if(pageDemandee != page) { 
 
			// on met en mémoire la page
			page = pageDemandee;
 
			//chargement dans la div
			$.ajax({
				type: 'POST',
	   			url: $(this).attr('href'),
	   			data: {userlogin: 1},
	   			dataType : 'html',
	   			success: function(data){
	   				var dom = $(data).find('#madiv');
					$contenu_div.hide().html(dom).fadeIn();
 
	   			}
			});
		}
		return false;
	});
});
</script>

la div contenue dans la page chargée est du style :

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
 
<div id="madiv">
 
<!-- Contenu html -->
 
<script type="text/javascript">
 // Mes différents scripts
 // script 1
</script>
<script type="text/javascript">
 // script 2
</script>
<script type="text/javascript">
 // script 3 ...
</script>
 
</div>
Merci d'avance.