Impression d'une page avec des graphiques sous Internet explorer 8

Version imprimable

29/09/2013, 10h22
donnang

Impression d'une page avec des graphiques sous Internet explorer 8

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
30/09/2013, 10h35
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 ?)

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:

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:

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>

30/09/2013, 18h28
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 ?
30/09/2013, 20h09
donnang
Code:

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???
01/10/2013, 20h37
Watilin
Code:

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 ?