texte aléatoire

[Gatou43]

Bonjours,

Je suis à la recherche d'un code afin qu'un texte sois choisi aléatoirement et afficher sur la page d'accueil et dès que l'on actualise la page, il change ! J'ai trouvé comment faire pour mettre une image aléatoirement mais pas de textes !

merci de me repondre !
gatou43 :youopi:

[Ea]

Bonjour,


Voici un exemple :

Code:

<style type="text/css">.randomText span{display:none}</style>
<script type="text/javascript">
   jQuery(function(){
      jQuery(".randomText").each(function(){
         jQuery(this).find("span:eq("+Math.floor(Math.random()*jQuery(this).find("span").length)+")").css("display","inline");
      });
   });
</script>
<span class="randomText">
   <span>Il était un petit navire, qui n'avait ja-ja-jamais navigué ohé ohé</span>
   <span>savez-vous plantez-les choux, ... </span>
   <span>vive les courgettes et les dromadaires</span>
  <span>1+1=2</span>
   <span>tous pour huns, huns pour attila</span>
</span>

Un des <span></span> à l'intérieur du <span class="randomText">...</span> sera choisi aléatoirement, et ça marche aussi si il y avait plusieurs "trucs" comme ça, donc :

Code:

<style type="text/css">.randomText span{display:none}</style>
<script type="text/javascript">
   jQuery(function(){
      jQuery(".randomText").each(function(){
         jQuery(this).find("span:eq("+Math.floor(Math.random()*jQuery(this).find("span").length)+")").css("display","inline");
      });
   });
</script>
<span class="randomText">
   <span>Il était un petit navire, qui n'avait ja-ja-jamais navigué ohé ohé</span>
   <span>savez-vous plantez-les choux, ... </span>
   <span>vive les courgettes et les dromadaires</span>
   <span>1+1=2</span>
   <span>tous pour huns, huns pour attila</span>
</span>
<span class="randomText">
   <span>Isséhau.</span>
   <span>Miaou</span>
   <span>Wouf</span>
   <span>Meuh</span>
   <span>hue hue <br />hue hue</span>
</span>

Affichera 2 "phrases".

Cordialement.

[Gatou43]

je suis embetant mais est t'il possible de changer la couleur de la police ainse que centrer le texte ? je voudrais mettre le texte en noir !

Sinon votre code marche parfaitement bien ! je vous en remercie !

[Ea]

Pour un texte centré et une police vous pourriez mettre :

Code:

<style type="text/css">.randomText span{display:none} .randomText{text-align:center;font-family:"trebuchet ms", arial, serif; color:#888080; }</style>
<script type="text/javascript">
  jQuery(function(){
      jQuery(".randomText").each(function(){
        jQuery(this).find("span:eq("+Math.floor(Math.random()*jQuery(this).find("span").length)+")").css("display","inline");
      });
  });
</script>
<div class="randomText">
  <span>Il était un petit navire, qui n'avait ja-ja-jamais navigué ohé ohé</span>
  <span>savez-vous plantez-les choux, ... </span>
  <span>vive les courgettes et les dromadaires</span>
  <span>1+1=2</span>
  <span>tous pour huns, huns pour attila</span>
</div>

( et vous pouvez changer le #888080 pour changer la couleur )

Cordialement.

[Gatou43]

merci sa marche superbement bien ! je vous remervie mille fois pour avoir exosé ( oula moi et l'orthographe sa fait 2 ) mon voeux

merci encore et bonne journée !