Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

texte aléatoire

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

Résolu texte aléatoire

Message par Gatou43 le 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

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 le 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.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
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 le 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

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 le 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.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
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 le 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

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


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