Discussion :

[jpean.net]

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 :

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

<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 ?

[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 ?

[jpean.net]

salut merci pour ton aide

ça change rien, ça clignote toujours

[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

[jpean.net]

alors le script JS :

Code :

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
<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 :

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
<?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

[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/

[jpean.net]

si j'ai bien compris ton lien, je remplace mon code JS par

Code :

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

1
2
 
$.get("Cours.php", dataDiv.innerHTML="data");

c'est bien ça ?