11543 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
je cherche à changer une image (il s'agit d'un graphique) dynamiquement : j'ai plusieurs script php qui permettent de générer des images différentes.

La solution qui me semble la plus plausible serait de changer l'attribut src de la balise image et de le remplacer par le script php correspondant, le problème vous vous en doutez c'est que ce script doit être executé pour que l'image change et donc simplement changer cette attribut sans recharger la page ne sert à rien.

J'ai donc essayer de le faire de manière asynchrone mais c'est là que le bât blesse puisque je ne sais pas ou mettre le résultat de cet appel, j'ai essayé naïvement de le mettre dans src sans résultat.

$(document).ready(function(){
     $('#graphDesAges').click(function(){
         $.post('graphDesAges.php',function(data){$('#graph').attr('src',data)})
      })
      $('#graphDes....').click(function(){
         $.post('graphDes......php',function(data){$('#graph').attr('src',data)})
      })
      .....
});


Quelqu'un aurait-il une idée ?
Modifié par Su4p (09 Jul 2012 - 14:48)
Et hop ! pas besoin d'ajax suffit de changer le src et ça charge directement le php ! PS : attention au cache du navigateur.