Bonsoir,
je suis débutant en AJAX et j'utilise scriptaculous en combiné.
Je souhaite un affichage alternatif de texte comme sur le site d'Apple - partie "quoi de neuf".

Voici ce que j'ai fait... J'ai pensé à utiliser AjaxPeriodicalUpdater pour cela, combiné à un effet sympa de scriptaculous et mon problème c'est que rien ne s'affiche dans mon div contenu-references, quoi que je fasse Même en plaçant un simple
à la première ligne de la définition de la fonction javascript maj_ref().

Pourquoi ? Qu'est-ce qui ne va pas dans mon code ?
Merci d'avance !


index.php

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
 
<script type="text/javascript" src="js/fonctions.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous/src/scriptaculous.js"></script>
<script type="text/javascript" src="js/scriptaculous/src/effects.js"></script>
<script type="text/javascript" src="js/scriptaculous/lib/prototype.js"></script>
 
<script type="text/javascript">
 
var position = 0;
 
function maj_ref() {
 
 var ref = $('contenu-references');
 
 url = 'refs.php';
 o_options = new Object();
 o_options = {
		method:'get',
		parameters ='id='+position,
		frequency:5, 
		onSuccess= function() {
						ref.innerHTML = responseText;
					        new Effect.Appear('contenu-references',1);
						position++;
					      } 
		};
 
var requete = new Ajax.PeriodicalUpdater(ref,url,o_options);
 
}
</script>
</head>
 
<body onLoad="maj_ref()">
 
	<div id="contenu-references" style="display:none; color:#000000">&nbsp;</div>
 
</body>
</html>

refs.php


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<?php 
 
$references = array (1 => "ref 1",
                        2 => "ref 2",
                        3 => "ref 3");
                                        
echo $references[$_GET["ref"]];
                                        
                                        
 ?>