Image qui clignote

Version imprimable

15/08/2012, 12h35
jpean.net

Image qui clignote

Bonjour à tous

J'espère que je poste dans le bon forum.

J'ai un problème assez gênant.

J'importe avec AJAX le code html me permettant d'importer une image, image elle même générée à l'aide de la bibliothèque GD2 de PHP.
J'ajoute qu'AJAX n'importe pas que l'image, mais tout un tableau de données, c'est pourquoi le tout s'actualise toutes les 15sec.

Code:

<img src="graph.png.php">

Sous firefox, aucun problème.

Mais sous Chrôme et IE, l'image clignote, ce qui est très désagréable pour mes visiteurs.

évidemment, le problème est que je n'ai aucune idée de la technologie qui provoque ce problème : HTML ? CSS ? AJAX ? PHP ?
15/08/2012, 13h19
Romalafrite

là comme ça tu ne donnes pas d'élément permettant de t'aider mais un conseil : fais pas à pas.

Essaie d'abord de remplacer l'image que tu appelles par une image statique (graph_test.png) ; puis redynamises là

ça donne quoi ?
15/08/2012, 13h27
jpean.net

salut merci pour ton aide

ça change rien, ça clignote toujours
15/08/2012, 13h33
Romalafrite

ça change quelque chose, tu sais maintenant que ça ne vient pas de la partie dynamique, ce qui paraissait relativement évident

il faudrait que tu colles ce que tu fais en ajax (et le html compilé qui est appelé) pour qu'on puisse imaginer l'origine de ton souci

alors le script 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<script language="Javascript">
	function getXMLHttpRequest() {
		var xhr = null;
 
		if (window.XMLHttpRequest || window.ActiveXObject) {
			if (window.ActiveXObject) {
				try {
					xhr = new ActiveXObject("Msxml2.XMLHTTP");
				} catch(e) {
					xhr = new ActiveXObject("Microsoft.XMLHTTP");
				}
			} else {
				xhr = new XMLHttpRequest(); 
			}
		} else {
			alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
			return null;
		}
 
		return xhr;
	}
 
	function printCours() {
		var xhr = getXMLHttpRequest();
 
		s = document.URL;
		s = s.substring(s.lastIndexOf("/")+1, 256);
		xhr.open("GET", "http://www.atcac.fr/includes/Actions/Cours.php?s="+s, false);
		xhr.send("");
		document.getElementById("CoursDiv").innerHTML = xhr.responseText;
<?php
        if (!(date("D")=="Sun" || date("D")=="Sat" || date("H")<9 || date("H")>17)) {
?>
		setTimeout("printCours()", 15000);
<?php
        }
?>
	}
 
	setTimeout("printCours()", 500);	
</script>

et le php appelé :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
error_reporting(E_ALL);
ini_set('display_errors','On');
 
require ("../connexion.php");
 
// récupérations des données dans MySQL
...
?>
 
<table class="NTable" style="border: black 3px solid; padding: 5px; width: 100%; height: 140px;">
	<tr>
	...
	</tr>
	<tr>
		<td colspan="6" style="padding: 0px; margin: 0;  height: 300px">
			<img src="graph.png.php?ISIN=<?=$ISIN	?>" style="width: 652px; padding: 0px; margin: 0"><br />
		</td>
	</tr>
	<tr>
	</tr>
 
</table>

Le HTML compilé, c'est par exemple cette page : http://www.atcac.fr/index.php/credit-agricole

15/08/2012, 13h50
Romalafrite

ça faisait un bail que j'avais pas vu de XMLHTTPREQUEST..

je te conseille vivement d'utiliser JQuery déjà, pour éviter de réinventer la roue et de gérer tous les bugs que tous les contributeurs de JQuery ont pu gérer avec la force du nombre ;-)

et pour commencer si tu n'as jamais utilisé JQuery :

http://api.jquery.com/jQuery.get/
15/08/2012, 13h58
jpean.net
si j'ai bien compris ton lien, je remplace mon code JS par
Code:

1 2 $.get("Cours.php", dataDiv.innerHTML="data");
c'est bien ça ?