mise a jour de graph via AJAX?

Bonjour a tous;

voila  sur uen de mes pages php
je créé un graphique(diagrmme en batons+courbes) a partir de données MYSQL
ces données sont updatées toutes les 10sec
et je voudrais savoir si c'est possible via ajax de faire un timer sur mon graphique pr l'updater

je connais deja ajax et j'ai essayer pr updater des valeurs ds un tableaupas de soucis mais pr un graph
je n'y arrive pas ....

si quelqu'un a deja chercher cela.....

Qu'est ce qui te pose problème exactement ?

ce qui doit se passer, c'est avec un setInterval, par exemple, d'appeler ta fonction : elle va chercher les données dans ta bdd, créer le graph, et l'afficher donc. Tu renvoies cet affichage.

Le truc c'est évidemment d'utiliser la même image... tu la crées, tu l'affiches, tu la détruis. Et ainsi de suite.

ouais concrétement ca donne ca :

<script type="text/javascript">
function update() {
var xhr_object = null;
     //alert("debut!");
    if(window.XMLHttpRequest) // Firefox
       xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // Internet Explorer
       xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else { // XMLHttpRequest non supporté par le navigateur
       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
       return;
        }      
    xhr_object.open("POST", "furnace_view.php", true);
     
    xhr_object.onreadystatechange = function()
    { 
    //alert(xhr_object.responseText);
       if(xhr_object.readyState == 4)
       { 
      // alert(xhr_object.responseText);
             document.getElementById('img').src = xhr_object.responseText;    
       }
    }
    xhr_object.send(null);
    }
    //update();
    setInterval("update()",5000);
    </script>
<IMG SRC="furnace_view.php" id="img">

et furnace view.php est un script qui fait un graph normal ...
header("Content-type: image/png");
blablabla....
imagepng($image);
imagedestroy($image);

et rien n'est générée.....

Re :-)

<script type="text/javascript">
function update() {
var xhr_object = null;
     //alert("debut!");
    if(window.XMLHttpRequest) // Firefox
       xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // Internet Explorer
       xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else { // XMLHttpRequest non supporté par le navigateur
       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
       return;
        }
    xhr_object.open("POST", "furnace_view.php", true);

    xhr_object.onreadystatechange = function()
    {
    //alert(xhr_object.responseText);
       if(xhr_object.readyState == 4)
       {
      // alert(xhr_object.responseText);
             document.getElementById('img').src = xhr_object.responseText;
       }
    }
    xhr_object.setRequestHeader("Content-type", "image/png");
    xhr_object.send(null);
    }
    //update();
    setInterval("update()",5000);
    </script>

    <img id='img' src="furnace_view.php" />

Hmm nan va y avoir blème...je teste et je modifie si besoin est.

apparement il manquait juste le header que j'ai rajouter mais ca ne passe toujours pas!!!

malalammmmmmmmmmmmmmm....
tu trouves pas???

J'ai fini par trouver une solution :

FICHIER test.php :

<?php
session_start ();
?>
<script type="text/javascript">
function update() {
var xhr_object = null;
     //alert("debut!");
    if(window.XMLHttpRequest) // Firefox
       xhr_object = new XMLHttpRequest();
    else if(window.ActiveXObject) // Internet Explorer
       xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
    else { // XMLHttpRequest non supporté par le navigateur
       alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
       return;
        }
    xhr_object.open("POST", "furnace_view.php", true);

    xhr_object.onreadystatechange = function()
    {
       if(xhr_object.readyState == 4)
       {
            document.getElementById('img').src = xhr_object.responseText;
       }
    }
    xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr_object.send(data);
    }

    setInterval("update()",5000);
    </script>
    <img src="" id="img" />

FICHIER furnace_view.php :

<?php
session_start ();
if (isset ($_SESSION['image'])) {
 if (file_exists ($_SESSION['image'])) {
  unlink ($_SESSION['image']);
 }
}
$code = '';
$chars = '0123456789';
for ($i = 0; $i < 6; $i ++) {
 $code .= $chars {mt_rand (0, 9)};
}
$im = @imagecreate (100, 50)
   or die ("Impossible d'initialiser la bibliothèque GD");
$background_color = imagecolorallocate ($im, 255, 255, 255);
$text_color = imagecolorallocate ($im, 233, 14, 91);
imagestring ($im, 1, 5, 5,  $code, $text_color);
imagepng ($im, $code.'.png');
imagedestroy($im);
$_SESSION['image'] = $code.'.png';
echo $code.'.png';
?>

bon la au premier regard je comprends pas tout
je vais voir un peu ca et jte recontacte si j'ai des soucis

j'initialise les sessions (j'en ai besoin)

Je mets une balise img (sans source).

Sur l'évènement, j'appelle la fonction générant les images.

Je vérifie si la variable de session 'image' existe, si oui, je vérifie que ce soit un fichier valide, si oui, je lke supprime.
Je génère mon image (là c'est une image à moi hein).
Je la génère dans un FICHIER, je ne l'envoie pas directement au navigateur.
Je mets le nom de l'image généré (chaque fois différent) dans ma variable de session 'image'.

J'affiche le nom du fichier image généré.
Il sera envoyé dans le src de ma balise <img.../>.

C'est tout.