Un script affichant une phrase différente toutes les X secondes

**popy67** · 14/10/2011, 13h14

Bonjour,

Je souhaite développer un script qui affiche toutes les X secondes une selection au hasard de la base de données et ce sans limitation de temps, si l'internaute reste connecté toute la journée le script doit continuer toute la jourée...

Pour le moment j'ai développé ce script qui fait a peu près ce que je veux mais qui ne me convient pas du tout (nombre de selections limitées) et code lourd.

Je souhaite que les phrases apparaissent et disparaissent avec un effet visuel comme dans mon 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<div id="commentaire1" style="display:block">
             <?php
             $sql = "SELECT * FROM mabase ORDER BY RAND() LIMIT 1";
                         $stmt = $dbh->prepare($sql);
                         $stmt->execute();
                         
                         while($row = $stmt->fetch(PDO::FETCH_ASSOC))
                                {
                                print("<li><img src=\"images/1page-img1.jpg\" alt=\"\" />
              <h6>27.07.09 par <a href=\"#\">".$row['pseudo']."</a></h6>
              <p>".$row['histoire']." <a href=\"\">Lire en entier</a> </p>
             <a href=\"details.php?id=\">Lire</a> - <a href=\"\">Voter +1</a> -  <a href=\"\">Signaler</a> 
            </li>");    
                                }
             ?>
             </div>
 
             <div id="commentaire2" style="display:none">
             <?php
             $sql = "SELECT * FROM mabase ORDER BY RAND() LIMIT 1";
                         $stmt = $dbh->prepare($sql);
                         $stmt->execute();
                         
                         while($row = $stmt->fetch(PDO::FETCH_ASSOC))
                                {
                                print("<li><img src=\"images/1page-img1.jpg\" alt=\"\" />
              <h6>27.07.09 par <a href=\"#\">".$row['pseudo']."</a></h6>
              <p>".$row['histoire']." <a href=\"\">Lire en entier</a> </p>
             <a href=\"details.php?id=\">Lire</a> - <a href=\"\">Voter +1</a> -  <a href=\"\">Signaler</a> 
            </li>");    
                                }
             ?>
             </div>
 
              <div id="commentaire3" style="display:none">
             <?php
             $sql = "SELECT * FROM mabase ORDER BY RAND() LIMIT 1";
                         $stmt = $dbh->prepare($sql);
                         $stmt->execute();
                         
                         while($row = $stmt->fetch(PDO::FETCH_ASSOC))
                                {
                                print("<li><img src=\"images/1page-img1.jpg\" alt=\"\" />
              <h6>27.07.09 par <a href=\"#\">".$row['pseudo']."</a></h6>
              <p>".$row['histoire']." <a href=\"\">Lire en entier</a> </p>
             <a href=\"details.php?id=\">Lire</a> - <a href=\"\">Voter +1</a> -  <a href=\"\">Signaler</a> 
            </li>");    
                                }
             ?>
             </div>
 
 
 
 
 
             <script type="text/javascript">
			 $("div#commentaire1").delay(8000).hide(1000);
			 $("div#commentaire2").delay(8000).show(500).delay(8000).hide(500);
			 $("div#commentaire3").delay(16500).show(500);
			 </script>

Comment faire ?

Merci pour votre aide :-)

**vermine** · 14/10/2011, 13h47

Bonjour,

Tout d'abord, nous préférons avoir le code HTML généré et non pas le code php.

Ensuite, comprenez bien la notion de Ready.

Ce sera déjà un début.

**popy67** · 14/10/2011, 21h16

Coucou,

Merci pour ta réponse (Désole pour ma réponse tardive, travail oblige).
Voici le code HTML generé :

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
<div id="commentaire1" style="display:block">
             <li><img src="images/1page-img1.jpg" alt="" />
              <h6>27.07.09 par <a href="#">xavier</a></h6>
              <p>jjjjjjj <a href="">Lire en entier</a> </p>
             <a href="details.php?id=">Lire</a> - <a href="">Voter +1</a> -  <a href="">Signaler</a> 
            </li>             </div>
 
             <div id="commentaire2" style="display:none">
             <li><img src="images/1page-img1.jpg" alt="" />
              <h6>27.07.09 par <a href="#">xavier</a></h6>
              <p>hellolo wowowowowowo <a href="">Lire en entier</a> </p>
             <a href="details.php?id=">Lire</a> - <a href="">Voter +1</a> -  <a href="">Signaler</a> 
            </li>             </div>
 
              <div id="commentaire3" style="display:none">
             <li><img src="images/1page-img1.jpg" alt="" />
              <h6>27.07.09 par <a href="#">xavier</a></h6>
              <p>hellolo wowowowowowo <a href="">Lire en entier</a> </p>
             <a href="details.php?id=">Lire</a> - <a href="">Voter +1</a> -  <a href="">Signaler</a> 
            </li>             </div>
 
 
 
 
 
             <script type="text/javascript">
			 $("div#commentaire1").delay(8000).hide(1000);
			 $("div#commentaire2").delay(8000).show(500).delay(8000).hide(500);
			 $("div#commentaire3").delay(16500).show(500);
			 </script>

Moi je souhaiterai juste avoir un seul div#commentaire qui toutes les 30 secondes se recharge pour afficher un nouvel enregistrement...

Comprends-tu ce que je veux dire ?

Merci pour ton aide :-)

**popy67** · 15/10/2011, 10h43

Après relecture de quelques fonctions, il suffisait simplement de faire cela

Sur la page ou vous souhaitez afficher les phrases aléatoires :

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
 <div id="commentaire1">
 
             </div>
 
 
             <script type="text/javascript">
			function affiche() 
							{
							$.ajax({
								   url : "selection_aleatoire.php",
								   complete : function(xhr, result)
								   	{
									if(result != "success") return;
									var response = xhr.responseText;
									$("#commentaire1").remove;
									$("#commentaire1").html(response);
									//alert(response);
									}
 
								   });
							setTimeout(affiche, 4000, true);
							};
			</script>

Dans le fichier phrase_aleatoire.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
<?php
 
             $sql = "SELECT * FROM ma_base ORDER BY RAND() LIMIT 2";
                         $stmt = $dbh->prepare($sql);
                         $stmt->execute();
                         
                         while($row = $stmt->fetch(PDO::FETCH_ASSOC))
                                {
                                print("<li><img src=\"images/1page-img1.jpg\" alt=\"\" />
              <h6>27.07.09 par <a href=\"#\">".$row['pseudo']."</a></h6>
              <p>".$row['histoire']." <a href=\"\">Lire en entier</a> </p>
             <a href=\"details.php?id=".$row['id_ralerie']."\">Lire</a> - <a href=\"\">Voter +1</a> -  <a href=\"\">Signaler</a> 
            </li>
                        
                        
                        
                        ");     
                                }
     ?>

Comme quoi, qui cherche, trouve

Un script affichant une phrase différente toutes les X secondes

jQuery

Discussions similaires

Partager

Partager