texte aléatoire

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu texte aléatoire

Message par Gatou43 Dim 10 Juil 2011 - 20:56

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 ! reflexion

merci de me repondre ! ok
gatou43 :youopi:


Dernière édition par Gatou43 le Mar 12 Juil 2011 - 23:14, édité 1 fois
avatar

Gatou43
Nouveau membre

Masculin
Messages : 28
Inscrit(e) le : 15/06/2011

http://Www.les-blablas.superforum.fr
Gatou43 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: texte aléatoire

Message par Ea Lun 11 Juil 2011 - 2:38

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.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: texte aléatoire

Message par Gatou43 Mar 12 Juil 2011 - 17:33

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 !Siffleur

Sinon votre code marche parfaitement bien ! je vous en remercie ! ok Bravo2
avatar

Gatou43
Nouveau membre

Masculin
Messages : 28
Inscrit(e) le : 15/06/2011

http://Www.les-blablas.superforum.fr
Gatou43 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: texte aléatoire

Message par Ea Mar 12 Juil 2011 - 19:01

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.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: texte aléatoire

Message par Gatou43 Mar 12 Juil 2011 - 23:10

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

merci encore et bonne journée !

résolu
avatar

Gatou43
Nouveau membre

Masculin
Messages : 28
Inscrit(e) le : 15/06/2011

http://Www.les-blablas.superforum.fr
Gatou43 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum