[AJAX] Chargement JS après chargement div ajax

Bonjour,

Après diverses recherches j'ai n'ai pu trouver mon problème....
En fait j'ai une page home.php

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
38
39
40
41
42
43
<?php
session_start(); // On relaye la session
if (isset($_SESSION['authentification'])){ 
	if($_SESSION['privilege'] <= '1') 
		  	{ 
require_once('../connexion/connexion.php');
mysql_query("SET NAMES UTF8");
mysql_select_db($database, $bd_inter);
?>
<html>
		<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8;">
		<link rel="stylesheet" type="text/css" href="../css/view.css">
		<script type="text/javascript" src="../function/view.js"></script>
		<script type="text/javascript" src="../function/ajaxstats.js"></script>
		<script type="text/javascript" src="../function/jquery.js"></script>
		<script src="../highcharts/js/highcharts.js"></script>
		<script src="../highcharts/js/modules/exporting.js"></script>
<body>
<div>
          <div align="center">
 
    <br>
    <br>
    <div align="center">
              <input type="submit" id="button" name="button" value="button1" onClick="home_button('1')">
              <input type="submit" id="button" name="button" value="button2" onClick="home_button('2')">
    </div>
    <br>
    <br>
  </div>
        </div>
 
<div id="fiab" name="fiab"> </div>
 
<center>
          <a href="../fiche/index.php">
  <h2>Retour accueil</h2>
  </a>
        </center>
</body>
</html>

Quand je click sur un des bouton j'ai un ajax qui s'ouvre dans ma div "fiab"
mon fichier ajaxstats.js:

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
function home_button(button)
{
		var xhr = getXhr();
 
		xhr.onreadystatechange = function()
		{ 
		if(xhr.readyState == 4 && xhr.status == 200)
		{	
 
			resultat = xhr.responseText;
			document.getElementById('fiab').innerHTML = resultat;			
		}
		else
		{
			load();
		}
		}
 
		xhr.open("POST","traitement/script_home_button.php", true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
		data = "button_fiab="+button;
 
		xhr.send(data);
		//alert("Data envoye :"+data)	
}

Mon fichier script_home_button.php :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<?php
session_start(); // On relaye la session
if (isset($_SESSION['authentification'])){ 
	if($_SESSION['privilege'] <= '1') 
		  	{ 
require_once('../connexion/connexion.php');
mysql_query("SET NAMES UTF8");
mysql_select_db($database, $bd_inter);
?>
//GRAPH 2
//TRAITEMENT PHP
<html>
		<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8;">
		<link rel="stylesheet" type="text/css" href="../css/view.css">
		<script type="text/javascript" src="../function/view.js"></script>
		<script type="text/javascript" src="../function/ajaxstats.js"></script>
		<script type="text/javascript" src="../function/jquery.js"></script>
		<script src="../highcharts/js/highcharts.js"></script>
		<script src="../highcharts/js/modules/exporting.js"></script>
		<script type="text/javascript">
$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column'
            },
            title: {
                text: 'R\351partition'
            },
            subtitle: {
                text: 'Source: TIREX'
            },
            xAxis: {
                categories: [
                    'Jan',
                    'Fev',
                    'Mar',
                    'Avr',
                    'Mai',
                    'Jun',
                    'Jul',
                    'Aou',
                    'Sep',
                    'Oct',
                    'Nov',
                    'Dec'
                ]
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Nbr '
                }
            },
            legend: {
                layout: 'vertical',
                backgroundColor: '#FFFFFF',
                align: 'left',
                verticalAlign: 'top',
                x: 100,
                y: 30,
                floating: true,
                shadow: true
            },
            tooltip: {
                formatter: function() {
                    return ''+
                        this.x +': '+ this.y +' EO';
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.1,
                    borderWidth: 0
                }
            },
                series: [{
                name: '5600 4C',
				data: [<?php echo join(',', $tab_5600_4);  ?>]    
            },{
                name: '5600 6C',
				data: [<?php echo join(',', $tab_5600_6C);  ?>]
 
            }, {
                name: '8800 C',
				data: [<?php echo join(',', $tab_8800_C);  ?>]
 
            },{
                name: '8800 U',
				data: [<?php echo join(',', $tab_8800_U);  ?>]
 
            }, {
                name: '20500 C',
				data: [<?php echo join(',', $tab_20500_C);  ?>]
 
            }, {
                name: '20900 C',
				data: [<?php echo join(',', $tab_20900_C);  ?>]
 
            }]
        });
    });
 
});
</script>

Mon problème viens du faite que malgré de multitude d'essai mon graph ne s'affiche pas quand je le charge viens l'ajax. Faire un graph sur le fichier home il n' y a pas de soucis, mais par contre faire un graph dans le fichier chargé en ajax je n'y arrive pas.Je pense que je doit avoir une erreur sur mon <script javascript> mais je n'arrive pas à résoudre mon soucis.