Avoir 5 div mais 1 seule qui charge de façon aléatoire

Fermé
Theophile76 Messages postés 1791 Date d'inscription mardi 6 mars 2007 Statut Membre Dernière intervention 16 avril 2021 - Modifié par Theophile76 le 20/03/2013 à 13:34
Angelneonizz Messages postés 784 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 - 20 mars 2013 à 15:04
Bonjours alors voilà j'ai 5 div avec des contenus differents comme ceci :
<div>Contenu 1</div>  
<div>Contenu 2</div>  
<div>Contenu 3</div>  
<div>Contenu 4</div>  
<div>Contenu 5</div>

Je voudrais qu'au chargement de la page il n'y en ai qu'une qui charge mais de façon aléatoire.
Je pense qu'il faut utiliser un display:none avec un code javascript mais je n'ai rien trouvé nul part.
Donc si vous aviez des idées, merci.



On s'ennuie pas avec l'informatique :)

1 réponse

Angelneonizz Messages postés 784 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 137
Modifié par Angelneonizz le 20/03/2013 à 15:05
Bonjour,

edit : oupsss désolé je n'ai pas fait attention que c'était le forum javascript

si non en php :
je pense que tu devrais déja utilisé la fonction rand()

ensuite tu mets des conditions.
si rand = 1 alors j'affiche div 1
si rand = 2 alors j'affiche div 2

en gros ça donnerait
$loto = rand(1, 5); 
if($loto == "1") 
{ 
<div>Contenu 1</div> 
} 
elseif($loto == "2") 
{ 
<div>Contenu 2</div> 
} 


tu peux aussi jouer avec le CSS où $loto prendra une class CSS du genre .afficher avec un display dans la class et donc la class de ton div sera $loto
<div class="<?php echo $loto; ?>"></div 


Il n'y a pas de défaite si on sait en tirer des leçons !
0