Div au hasard

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Div au hasard

chris241182

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

Publicité

rat de combat

attention rongeur méchant!

Côté serveur: PHP
Côté client: JS

Tu veux quoi?

Message cité 1 fois

chris241182

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
++

rat de combat

attention rongeur méchant!

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 :

<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<div class="movie__images">
<a href="movie_default.html" class="movie-beta__link" id="lien">
<img alt='' src="images/movie/default/affiche.jpg" id="image">
</a>
</div>
<script language="Javascript">
//pris sur https://developer.mozilla.org/en-US [...] ath/random
function getRandomIntInclusive(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min; //The maximum is inclusive and the minimum is inclusive
}
var nb=getRandomIntInclusive(1, 254);
if(nb.toString().length<3)
nb="0"+nb;
if(nb.toString().length<3)
nb="0"+nb;
document.getElementById("lien" ).href="movie"+nb.toString()+".html";
document.getElementById("image" ).src="images/movie/"+nb.toString()+"/affiche.jpg";
</script>
</body>
</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

chris241182

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 :

<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<div class="movie__images">
<a href="movie_default.html" class="movie-beta__link" id="lien">
<img alt='' src="images/movie/default/affiche.jpg" id="image">
</a>
</div>
<script language="Javascript">
//pris sur https://developer.mozilla.org/en-US [...] ath/random
function getRandomIntInclusive(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min; //The maximum is inclusive and the minimum is inclusive
}
var nb=getRandomIntInclusive(1, 254);
if(nb.toString().length<3)
nb="0"+nb;
if(nb.toString().length<3)
nb="0"+nb;
document.getElementById("lien" ).href="movie"+nb.toString()+".html";
document.getElementById("image" ).src="images/movie/"+nb.toString()+"/affiche.jpg";
</script>
</body>
</html>

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

Merci beaucoup je vais tester ça c'est sympa

FORUM HardWare.fr

Programmation

HTML/CSS

Div au hasard

Sujets relatifs
Infinite Scroll sur plusieurs DIV	Comment programmer un tirage d'images au hasard ?
Afficher/Masquer éléments DIV en javascript	Superposition DIV
Bouton "Au hasard" sur mon site	resultat requette en DIV float
[CSS / HTML] Background / Div et image de fond	DIV: 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

Page générée en 0.064 secondes