Discussion :

[donnang]

Bonjour a tous,
j'ai une page qui affiche des statistiques sous forme graphique, j'ai fait une fonction qui imprime ce graphe, voici il fonctionne bien sous Firefox et sur chrome, mais sur internet explorer 8, le résultat est une page blanche avec les coordonnées du graphe.(La représentation graphique n'apparait pas).
NB: lorsque je sauvegarde la page en pdf, à l'ouverture du pdf, le representation graphique pparait un lapse de temps et disparait.

Merci de votre aide

[Watilin]

Question bête : est-ce que tu as vraiment envie/besoin de coder pour IE8 ? C'est quand même un vieux navigateur…

Pour qu'on puisse t'aider il nous faudrait ton code source, c'est le minimum. À tout hasard, je te mets sur la piste d'un problème de quirks mode (tu lis l'anglais ?)

[donnang]

Oui, j'ai une contrainte pour IE 8, la boite ne tourne qu'avec les produits Microsoft.
mon code est assez long, et inclure plusieurs fichiers.
pour resumer, je recupere des données dans la bd, construire un graphique en js avec JSON et l'affiche, c'est cet affichage que je veux imprimer.
1 fonction javascript pour l'impression de la page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
  function openWin()
  {
    window.focus();
    window.print();
    window.reload();
    window.close();
 
  }

2 page html qui appelle la fonction

Code html :

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<div class="form-actions">
        <input type="button" value="Lancer l'impression" onclick="javascript:openWin()" />
    </div>        
 
    <!-- Thermogramme du jour-->
      <div class="widget">
 
        <div id="printablediv">
          <div class="body">
            <div class="bars" id="barThermo" style="height:400px"></div>
              <script language="javascript" type="text/javascript">
                // Les données
                var data =  <?php echo json_encode($dataThermo); ?>;
 
                // Les options de mise en forme
                var options = {
                    legend: { 
                        show: false,
                        position: 'se'
                    },
                    xaxes: [
                        {
                            show: true,
                            tickSize: 1,
                            ticks : [ [ 4, "08:00"], [ 8, "09:00"], [12, "10:00"],
                                      [16, "11:00"], [20, "12:00"], [24, "13:00"],
                                      [28, "14:00"], [32, "15:00"], [36, "16:00"],
                                      [40, "17:00"], [44, "18:00"], [48, "19:00"],
                                      [52, "20:00"], [56, "21:00"], [60, "22:00"] ]
                        },
                        {
                            position: 'top',
                            show: true,
                            tickSize: 1,
                            ticks : [ [ 4, "08:00"], [ 8, "09:00"], [12, "10:00"],
                                      [16, "11:00"], [20, "12:00"], [24, "13:00"],
                                      [28, "14:00"], [32, "15:00"], [36, "16:00"],
                                      [40, "17:00"], [44, "18:00"], [48, "19:00"],
                                      [52, "20:00"], [56, "21:00"], [60, "22:00"] ]
                        }
                    ],
                    yaxis: { 
                        show: true,
                        tickSize: 1,
                        min:0.5,
                        ticks: <?php echo json_encode($tickThermo); ?>
                    },
                    grid: { show: true }
                };
 
                // Génération du graphique
                $.plot($("#barThermo"), data, options);
              </script>
            </div>
          </div>
        </div>

[Watilin]

Que se passe-t-il exactement à l'appel de la fonction openWin ? Peux-tu me décrire ça étape par étape ? Mon intuition me dit que le problème est quelque part par là.
Sinon, je vois que tu utilises un plugin jQuery. Est-ce qu'il s'agit de Flot ?

[donnang]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
Message : Exception levée mais non décelée
Ligne : 711
Caractère : 17
Code : 0
URI : http://.../js/plugins/charts/jquery.flot.js

Merci de votre aide,
voici l'erreur que me donne flot.js. comme je te disais, lorsque j'enregistre en pdf, le graphe apparait et disparait directement. je ne comprends rien et je suis bloqué dans mon travail.
je ne sais plus quoi faire???

[Watilin]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
Message : Exception levée mais non décelée
Ligne : 711
Caractère : 17
Code : 0
URI : http://.../js/plugins/charts/jquery.flot.js

Ce message d'erreur, tu l'as seulement sous IE8 ?
Qu'y a-t-il à l'endroit indiqué dans le fichier jquery.flot.js ?