Chargement scripts contenu dans une div
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:
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:
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.
