Refresh Ajax Php

**ccsuperstar** · 04/02/2008, 15h34

Bonjour à tous,

Voilà, je dois afficher sur une page produit une offre de pub, mais j'en ai plusieurs qui doivent tourner de manière aléatoire. Je pensais donc faire cet affichage aléatoire en php.
Mais le problème est que cette page est en cache (pour des questions de rapidité d'affichage), donc à moins de vider le cache à chaque fois, ce sera toujours la même offre qu'i s'affichera.

Plusieurs personnes m'ont dit de le faire en Ajax, mais vu que je n'y connais pas grand chose pour le moment (eh oui il faut que je m'y mette!!!), que me conseillez vous?
Il faudrait un refresh toutes les 20 30 secondes

Merci par avance pour vos réponses

**picwic** · 05/02/2008, 12h02

Salut,

Pour faire de l'Ajax simplement, tu peux utiliser la librairie javascript Prototype (http://prototypejs.org/).

Ensuite, pour implémenter une mise à jour périodique => http://prototypejs.org/api/ajax/periodicalUpdater.

+

**ccsuperstar** · 05/02/2008, 12h15

Merci pour ta réponse
Je suis allée sur Prototype pour regarder periodicalUpdater(), mais je dois avouer que je suis un peu larguée.
Comment on l'utilise?

**picwic** · 05/02/2008, 12h50

1. télécharge et installe la librairie prototype.js sur le serveur
2. dans le <head> de ta page HTML, ajoute un lien pour la charger

Code :

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

<script language="javascript" type="text/javascript" src="chemin/vers/prototype.js"></script>

3. écris un script PHP qui récupére l'image aléatoirement (get_random_img.php)
4. ajoute un conteneur dans le <body> de ta page HTML pour recevoir l'image

Code :

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

<div id="image_pub"></div>

5. ajoute l'appel AJAX (frequency est le raffraichissement en secondes)

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
  new Ajax.PeriodicalUpdater('image_pub', 'http://www.site.com/.../get_random_img.php', {
    frequency: 5
  });
</script>

Un exemple ici :
http://prototype.js.le-developpeur-web.com/Ajax.PeriodicalUpdater.CONSTRUCTOR().php

**ccsuperstar** · 05/02/2008, 17h34

En fait je vais avoir 3 4 blocs a afficher en aléatoire, donc je pensais créer une variable php pour chaque bloc, mais pas forcement faire appel à un autre fichier

Est ce qu'en Javascript avec un tableau et un setInterval, ca serait possible?

**picwic** · 06/02/2008, 13h19

Si on suit mon idée, le fichier get_random_img.php contiendrait :

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
 
...
// initialise les offres
$pub_offres = array();
$pub_offres[] = '<img src="chemin/vers/images/offre1.jpg">';
$pub_offres[] = '<img src="chemin/vers/images/offre2.jpg">';
$pub_offres[] = '<img src="chemin/vers/images/offre3.jpg">';
$pub_offres[] = '<img src="chemin/vers/images/offre4.jpg">';
 
// mélange les offres
srand((float)microtime()*1000000);
shuffle($pub_offres);
 
// mise en forme de ta sortie HTML (ici images côtes à côtes par ex.)
$html_output = implode("", $pub_offres);
 
// envoi la réponse
echo $html_output;
...

Mais tu vas dire que je ne réponds pas à ta question..

**ccsuperstar** · 07/02/2008, 16h06

Merci pour ta réponse

C'est bon, j'ai réussi à utiliser la fonction!!!!
Maintenant je dois m'en servir sur un autre élément, avec alternance entre 2 blocs, mais je ne dois avoir qu'une seule alternence et après ca doit se figer
J'utilise donc la méthode Ajax.PeriodicalUpdater.stop(), mais il doit me manquer une condition

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
	new Ajax.PeriodicalUpdater('box_temps', 'http://www2/include/box_temps.php', {
    frequency: 15
  	});
	Ajax.PeriodicalUpdater.stop();
</script>

Il fuat rajouter un parametre?

**ccsuperstar** · 07/02/2008, 16h10

Ou existe-t'il un parametre pour limiter a x fois le nombre de refresh?

**picwic** · 07/02/2008, 18h01

Tu dois pouvoir stopper le handler à l'issue de la première exécution en utilisant l'option onSuccess :

Code :

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

1
2
3
4
5
6
7
 
new Ajax.PeriodicalUpdater('image_pub', 'http://www.site.com/.../get_random_img.php', {
  frequency: 5,
  onSuccess: function() {
    this.stop();
  }
});

**ccsuperstar** · 11/02/2008, 10h26

Merci pour cette réponse. Mais si je mets ce code, ça me stoppe tout affichage qui vient après, donc les 3/4 de ma page ne s'affichent pas...

**picwic** · 11/02/2008, 13h22

Envoyé par ccsuperstar

si je mets ce code, ça me stoppe tout affichage qui vient après

Je ne comprends pas vraiment ce que tu veux dire par là. A quel moment l'arrêt se déclenche t'il ? L'affichage qui vient après représente quoi ?
Tu peux rajouter le HTML attendu en sortie ?

A tout hasard, qu'est-ce que ça donne si tu remplaces onSuccess par onComplete ?

**Macfplus** · 14/03/2008, 16h29

Envoyé par picwic

1. télécharge et installe la librairie prototype.js sur le serveur
2. dans le <head> de ta page HTML, ajoute un lien pour la charger

Code :

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

<script language="javascript" type="text/javascript" src="chemin/vers/prototype.js"></script>

3. écris un script PHP qui récupére l'image aléatoirement (get_random_img.php)
4. ajoute un conteneur dans le <body> de ta page HTML pour recevoir l'image

Code :

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

<div id="image_pub"></div>

5. ajoute l'appel AJAX (frequency est le raffraichissement en secondes)

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
  new Ajax.PeriodicalUpdater('image_pub', 'http://www.site.com/.../get_random_img.php', {
    frequency: 5
  });
</script>

Un exemple ici :
http://prototype.js.le-developpeur-web.com/Ajax.PeriodicalUpdater.CONSTRUCTOR().php

Hello!
Je viens d'essayer d'utiliser ce code, mais au bout du délai donné (chez moi 15sec) on dirait qu'il essaie de raffraichir la page dans la div, mais elle ne s'affiche plus...
Si quelqu'un pouvait m'aider?
Merci d'avance
Je précise que je découvre l'ajax...
Bonne journée

**Macfplus** · 14/03/2008, 18h13

Je viens également de tenter ce code:

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
 
 
<head>
 
        <script type="text/javascript">
function Refresh("texte_radio","./OnAir.php") {
var xhr_object = null;   
if(window.XMLHttpRequest)
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject)
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else {
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
xhr_object.open("POST", "./OnAir.php" , true);
xhr_object.onreadystatechange = function() {
  if(xhr_object.readyState == 4) {
   document.getElementById("texte_radio").innerHTML = xhr_object.responseText;
   setTimeout("Refresh("texte_radio","./OnAir.php")",10000);
  }
}
xhr_object.send(null);
}
        </script>
 
</head>
 
 
 
<body onLoad="Refresh('texte_radio', './OnAir.php');">
 
 
 
<div id="texte_radio">
  <?php include ("./OnAir.php");?>  
</div>
 
</body>

Mais rien ne se passe...

**Macfplus** · 17/03/2008, 09h38

Hello!
Personne me donner un tit coup de main?merci
Bonne semaine

Refresh Ajax Php

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager