Div au hasard

Marsh Posté le 29-07-2017 à 08:49:16

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

Reply

Marsh Posté le 29-07-2017 à 08:49:16

Reply

Marsh Posté le 29-07-2017 à 18:15:00

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

Tu veux quoi?

Message cité 1 fois

Reply

Marsh Posté le 30-07-2017 à 08:30:21

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

Reply

Marsh Posté le 30-07-2017 à 14:58:04

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

Reply

Marsh Posté le 30-07-2017 à 17:48:16

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

Reply

Div au hasard

Sujets relatifs:

Leave a Replay