Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
787 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Div au hasard

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Div au hasard

n°2303992
chris24118​2
Posté le 29-07-2017 à 08:49:16  profilanswer
 

Bonjour à tous  :)  
 
Je voudrais savoir s'il était possible qu'un nombre soit pris au hasard à chaque fois que l'on réactualise la page
Voici le code :
         
<div class="movie__images">
                                    <a href="movie001.html" class="movie-beta__link">
                                        <img alt='' src="images/movie/001/affiche.jpg">
                                    </a>
</div>
 
Et quand on réactualise ca donne par exemple :
 
<div class="movie__images">
                                    <a href="movie124.html" class="movie-beta__link">
                                        <img alt='' src="images/movie/124/affiche.jpg">
                                    </a>
</div>
 
Sachant qu'il faudrait aussi que je puisse dire que les chiffres vont de 001 à 254 (par exemple)
 
Merci d'avance, en espérant avoir été clair :)

mood
Publicité
Posté le 29-07-2017 à 08:49:16  profilanswer
 

n°2304003
rat de com​bat
attention rongeur méchant!
Posté le 29-07-2017 à 18:15:00  profilanswer
 

Côté serveur: PHP
Côté client: JS
 
Tu veux quoi?

n°2304009
chris24118​2
Posté le 30-07-2017 à 08:30:21  profilanswer
 

rat de combat a écrit :

Côté serveur: PHP
Côté client: JS
 
Tu veux quoi?


 
Salut,
je voudrais utiliser uniquement js si possible
merci
++

n°2304016
rat de com​bat
attention rongeur méchant!
Posté le 30-07-2017 à 14:58:04  profilanswer
 

En principe le forum n'est pas là pour faire le boulot des gens (cf règlement) mais pour trois lignes...

 

Sans garantie etc, je suis que bricoleur, mes connaissances en JS sont très faibles. Chez moi sous Firefox ça marche très bien.

 

Si tu as plusieurs de ces images/liens (edit: sur la même page) il faut ajuster les "id" dans le code (et le code JS aussi bien sûr)!

 
Code :
  1. <html>
  2. <head>
  3. <meta charset="utf-8"/>
  4. </head>
  5. <body>
  6. <div class="movie__images">
  7. <a href="movie_default.html" class="movie-beta__link" id="lien">
  8. <img alt='' src="images/movie/default/affiche.jpg" id="image">
  9. </a>
  10. </div>
  11. <script language="Javascript">
  12. //pris sur https://developer.mozilla.org/en-US [...] ath/random
  13. function getRandomIntInclusive(min, max) {
  14.     min = Math.ceil(min);
  15.     max = Math.floor(max);
  16.     return Math.floor(Math.random() * (max - min + 1)) + min; //The maximum is inclusive and the minimum is inclusive
  17. }
  18. var nb=getRandomIntInclusive(1, 254);
  19. if(nb.toString().length<3)
  20.     nb="0"+nb;
  21. if(nb.toString().length<3)
  22.     nb="0"+nb;
  23. document.getElementById("lien" ).href="movie"+nb.toString()+".html";
  24. document.getElementById("image" ).src="images/movie/"+nb.toString()+"/affiche.jpg";
  25. </script>
  26. </body>
  27. </html>
 

edit: Pourquoi le forum ignore les tabulations dans le code?

Message cité 1 fois
Message édité par rat de combat le 30-07-2017 à 15:27:31
n°2304019
chris24118​2
Posté le 30-07-2017 à 17:48:16  profilanswer
 

rat de combat a écrit :

En principe le forum n'est pas là pour faire le boulot des gens (cf règlement) mais pour trois lignes...
 
Sans garantie etc, je suis que bricoleur, mes connaissances en JS sont très faibles. Chez moi sous Firefox ça marche très bien.
 
Si tu as plusieurs de ces images/liens (edit: sur la même page) il faut ajuster les "id" dans le code (et le code JS aussi bien sûr)!
 

Code :
  1. <html>
  2. <head>
  3. <meta charset="utf-8"/>
  4. </head>
  5. <body>
  6. <div class="movie__images">
  7. <a href="movie_default.html" class="movie-beta__link" id="lien">
  8. <img alt='' src="images/movie/default/affiche.jpg" id="image">
  9. </a>
  10. </div>
  11. <script language="Javascript">
  12. //pris sur https://developer.mozilla.org/en-US [...] ath/random
  13. function getRandomIntInclusive(min, max) {
  14.     min = Math.ceil(min);
  15.     max = Math.floor(max);
  16.     return Math.floor(Math.random() * (max - min + 1)) + min; //The maximum is inclusive and the minimum is inclusive  
  17. }
  18. var nb=getRandomIntInclusive(1, 254);
  19. if(nb.toString().length<3)
  20.     nb="0"+nb;
  21. if(nb.toString().length<3)
  22.     nb="0"+nb;
  23. document.getElementById("lien" ).href="movie"+nb.toString()+".html";
  24. document.getElementById("image" ).src="images/movie/"+nb.toString()+"/affiche.jpg";
  25. </script>
  26. </body>
  27. </html>


 
edit: Pourquoi le forum ignore les tabulations dans le code?


 
Merci beaucoup je vais tester ça :) c'est sympa


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Div au hasard

 

Sujets relatifs
Infinite Scroll sur plusieurs DIVComment programmer un tirage d'images au hasard ?
Afficher/Masquer éléments DIV en javascriptSuperposition DIV
Bouton "Au hasard" sur mon siteresultat requette en DIV float
[CSS / HTML] Background / Div et image de fondDIV: Diviser une page avec occupation maximal en hauteur
1.724.811 Div dans une page web, faisable ?Faire scroller le contenu d'un <DIV> placé sous un autre
Plus de sujets relatifs à : Div au hasard



Copyright © 1997-2016 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR