Afficher des point au hasard

Fermé
xbot - 29 août 2012 à 23:07
 BoNOOBo - 31 août 2012 à 20:28
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


34 réponses

bah déjà j'arrive pas à afficher un point. Seulement la valeur aléatoire, comme ton premier code.
0
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
30 août 2012 à 18:29
Bah enfaite php je peux plus trop d'aider =/
Pour afficher, c'est echo non ?
0
Utilisateur anonyme
30 août 2012 à 18:30
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
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 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
30 août 2012 à 22:55
C'est la variable count ! Tu veux l'afficher c'est ca ?
0
exact :)
0
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
30 août 2012 à 23:11
Mmh bah document.write(count);
0
et je dois le placer ou ?
0
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
30 août 2012 à 23:28
A la fin, mais c'est égal ^^
0
bah non.. essaye et tu verras pourquoi je demande ^^
0
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
30 août 2012 à 23:45
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
bah fait voir ton code alors :)
0
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
31 août 2012 à 01:20
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
    </head>
	<body>
	<script type="text/javascript"> 
document.write("bonjour");
</script>
    </body>
</html>
0
Utilisateur anonyme
31 août 2012 à 20:25
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