[AJAX] rafraichir une image dont le src est un .php en AJAX

**avogadro** · 21/12/2006, 20h43

Bonjour,

il faudrait que l'image se rafraichissent d'elle meme environ toutes les secondes, peut etre avec un setTimeOut mais si l'ajax permet de le faire de lui meme ca serait mieux, m'a page html qui affiche l'image est celle-ci

Code :

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

1
2
3
4
5
6
7
<html>
<body><br/><br/>
	<div align="center">
		<img src="tpperso.php" alt="Mon graphique"/>
	</div>
</body>
</html>

et tpperso.php est construite de cette facon :

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
42
43
44
45
46
47
48
49
50
51
52
53
<?php
 
   require_once "Artichow/LinePlot.class.php";
   
   $graph = new Graph(600, 300);
   $graph->setAntiAliasing(TRUE);
   
   $values = array(1, 7, 3, 2.5, 5, -4.5, -5, rand(0,7), rand(0,7), rand(0,7), rand(0,7), rand(0,7)); #valeur a afficher
   $plot = new LinePlot($values);
   $plot->setBackgroundColor(new Color(240, 240, 240));
   
   $plot->hideLine(TRUE);
   $plot->setFillColor(new Color(100, 180, 180, 75)); #couleur sous la courbe
   
   $plot->grid->setBackgroundColor(new Color(235, 235, 180, 60));
   
   $plot->yAxis->setLabelPrecision(2); #chiffre apres la virgule en ordonnée
   
   $days = array(
      '00h',
      '01h',
      '02h',
      '03h',
      '04h',
      '06h',
      '07h',
      '08h',
      '09h',
      '10h',
      '11h',
      '12h'
   );
   $plot->xAxis->setLabelText($days);
      
   $plot->setSpace(6, 6, 10, 10); #etirement du diagramme
   
   
   $plot->label->set($values);
   $plot->label->move(0, -23); #position des petit label ac la valeur
   $plot->label->setBackgroundGradient(
      new LinearGradient(
         new Color(250, 250, 250, 10),
         new Color(255, 200, 200, 30),
         0
      )
   );
   $plot->label->border->setColor(new Color(20, 20, 20, 20));
   $plot->label->setPadding(3, 1, 1, 0);
   
   $graph->add($plot);
   $graph->draw();
   
?>

j'utilise la librairie graphique d'artichow avec gd2 pour générer l'image. (ceux qui ne varie pas le but de ma question)

PS: si possible juste l'image doit etre refresh est pas la totalité de la page...

une idée? (et comme l'ajax j'ai pas encore trop touché je suis un peu a la rammasse)

Merci

**FremyCompany** · 21/12/2006, 21h36

Pas d'ajax non

Code HTML :

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

1
2
3
4
5
6
7
<html>
<body><br/><br/>
	<div align="center">
		<img id="theImage" src="tpperso.php" alt="Mon graphique"/>
	</div>
</body>
</html>

Code :

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

document.getElementById('theImage').src="tpperso.php?date="+escape(new Date())

**avogadro** · 21/12/2006, 22h22

j'avais pas pensé a ca ^^, pour ceux que ca interesse, mon code donne ca :

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
<html>
<head>
<script language="javascript">
function refresh(){
	document.getElementById('theImage').src="tpperso.php?date="+escape(new Date());
	setTimeout("refresh()()",3000);
}
</script>
</head>
<body onLoad="refresh();">
<br/><br/>
	<div align="center">
		<img id="theImage" src="tpperso.php" alt="Mon graphique"/>
	</div>
</body>
</html>

thx Fremy, tjs sur le coup ^^

mais si je fais ca avec 10 graphes ca risque de devenir lourd en requettes nan? ou ca va?

**FremyCompany** · 22/12/2006, 12h24

Envoyé par avogadro

j'avais pas pensé a ca ^^, pour ceux que ca interesse, mon code donne ca :

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
<html>
<head>
<script language="javascript">
function refresh(){
	document.getElementById('theImage').src="tpperso.php?date="+escape(new Date());
	setTimeout("refresh()()",3000);
}
</script>
</head>
<body onLoad="refresh();">
<br/><br/>
	<div align="center">
		<img id="theImage" src="tpperso.php" alt="Mon graphique"/>
	</div>
</body>
</html>