Afficher des point au hasard

xbot -  
 BoNOOBo -
Bonjour,

j'aimerai afficher des points au hasard sur une page web, et qu'a chaque rechargement il n'y ai pas le même nombre. Comment peut on faire en php ?
Je sais qu'il ya la fonction rand() mais après...

merci d'avance

A voir également:

34 réponses

xbot
 
bah déjà j'arrive pas à afficher un point. Seulement la valeur aléatoire, comme ton premier code.
0
jeremy.s Messages postés 1248 Statut Membre 79
 
Bah enfaite php je peux plus trop d'aider =/
Pour afficher, c'est echo non ?
0
Utilisateur anonyme
 
Salut!

Voici un exemple qui te générer des carrés rouges au hasard.

Tu n'as plus qu'à l'adapter pour que les éléments <div> générés contiennent l'image d'un point.

<html>
	<head>
		<script>
			function points(){
				//Largeur/hauteur des carrés à dessiner
				var pointWidth=20;
				//Nombre minimum de carrés à dessiner
				var min = 5;
				//Nombre maximum de carrés à dessiner
				var max=25;
				
				//Nombre aléatoire de carrés à dessiner (entre min et max)
				var count = Math.random()*(max-min)+min;
				var x;
				var y;
				
				//Génération des carrés
				for(var i=0; i<count ; i++){
					//Position horizontale du carré
					x=Math.floor(Math.random()*(parseInt(document.width)-pointWidth));
					//Position verticale du carré
					y=Math.floor(Math.random()*(parseInt(document.height)-pointWidth));
					var div=document.createElement("div");
					div.style.position="absolute";
					div.style.top=y+"px";
					div.style.left=x+"px";
					div.style.width=pointWidth+"px";
					div.style.height=pointWidth+"px";
					div.style.backgroundColor="red";
					document.body.appendChild(div);
				}
			}
		</script>
	</head>
	<body onload="javascript:points();">
	</body>
</html>


;-)
HackTrack
0
xbot
 
ok j'ai un peu compris, merci !
Serait-il possible de renvoyer le résultat du nombre de carré affichés ? :)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
jeremy.s Messages postés 1248 Statut Membre 79
 
C'est la variable count ! Tu veux l'afficher c'est ca ?
0
xbot
 
exact :)
0
jeremy.s Messages postés 1248 Statut Membre 79
 
Mmh bah document.write(count);
0
xbot
 
et je dois le placer ou ?
0
jeremy.s Messages postés 1248 Statut Membre 79
 
A la fin, mais c'est égal ^^
0
xbot
 
bah non.. essaye et tu verras pourquoi je demande ^^
0
jeremy.s Messages postés 1248 Statut Membre 79
 
Chez moi ca marche ! Mais j'ai pas testé avec le code de HackTrack. C'est du js donc dans la partie du script. Et il faut le mettre dans la fonction pcq la variable n'est que déclaré dans la fonction
0
xbot
 
bah fait voir ton code alors :)
0
jeremy.s Messages postés 1248 Statut Membre 79
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
    </head>
	<body>
	<script type="text/javascript"> 
document.write("bonjour");
</script>
    </body>
</html>
0
Utilisateur anonyme
 
Salut!

Voici le code adapté:

<html>
	<head>
		<script>
			function points(){
				//Largeur/hauteur des carrés à dessiner
				var pointWidth=20;
				//Nombre minimum de carrés à dessiner
				var min = 5;
				//Nombre maximum de carrés à dessiner
				var max=25;
				
				//Nombre aléatoire de carrés à dessiner (entre min et max)
				var count = Math.floor(Math.random()*(max-min)+min);
				var x;
				var y;
				
				//Génération des carrés
				for(var i=0; i<count ; i++){
					//Position horizontale du carré
					x=Math.floor(Math.random()*(parseInt(document.width)-pointWidth));
					//Position verticale du carré
					y=Math.floor(Math.random()*(parseInt(document.height)-pointWidth));
					var div=document.createElement("div");
					div.style.position="absolute";
					div.style.top=y+"px";
					div.style.left=x+"px";
					div.style.width=pointWidth+"px";
					div.style.height=pointWidth+"px";
					div.style.backgroundColor="red";
					document.body.appendChild(div);
					document.getElementById('pointsNumber').innerHTML=count;
				}
			}
		</script>
	</head>
	<body onload="javascript:points();">
	<span>Nombre de points:&nbsp;<span id="pointsNumber"></span></span>
	</body>
</html>


;-)
HackTrack
0