Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 14/10/2011, 13h14   #1
Membre du Club
 
Homme
Inscription : janvier 2008
Messages : 239
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 27

Informations forums :
Inscription : janvier 2008
Messages : 239
Points : 58
Points : 58
Par défaut Un script affichant une phrase différente toutes les X secondes

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 :
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 :-)
popy67 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/10/2011, 13h47   #2
Responsable JavaScript & AJAX

 
Avatar de vermine
 
Inscription : mars 2008
Messages : 2 690
Détails du profil
Informations personnelles :
Âge : 27

Informations forums :
Inscription : mars 2008
Messages : 2 690
Points : 5 760
Points : 5 760
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.
__________________
Elen Poukram - Isegoria - Sandawe
vermine est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 14/10/2011, 21h16   #3
Membre du Club
 
Homme
Inscription : janvier 2008
Messages : 239
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 27

Informations forums :
Inscription : janvier 2008
Messages : 239
Points : 58
Points : 58
Coucou,

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

Code :
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 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 15/10/2011, 10h43   #4
Membre du Club
 
Homme
Inscription : janvier 2008
Messages : 239
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 27

Informations forums :
Inscription : janvier 2008
Messages : 239
Points : 58
Points : 58
Après relecture de quelques fonctions, il suffisait simplement de faire cela


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

Code :
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 :
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
popy67 est déconnecté   Envoyer un message privé Réponse avec citation 10
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 07h20.


 
 
 
 
Partenaires

Hébergement Web