Positionnement aléatoire

Ninja
Javascript

Bonjour,

Je vous explique :

Sur ma page, j'ai 10-15 divs , que j'aimerais positionner n'importe où dans la page, mais cela sans avoir a positionner une par une mes divs dans le css, je pense qu'avec la fonction random (désolé pour le nom je ne me souviens plus trop) de jquery, ça pourrait se faire mais j'ai vraiment du mal avec elle .

Quelqu'un pour m'aider ?

Merci.

1 réponse

MrGuillou

bonsoir, déja il te faut la taille de la fenêtre.

var width = $('html').width();
var height = $('html').height();

Puis on génere une valeur àléatoire compris entre 0 et 1 que l'on multipoe par la hauteur et largeur page et tout cela dans une boucle pour générer les div 

for (i=1; i<=15; i++){
    var positionH = Math.floor(Math.random() * height);
    var positionW = Math.floor(Math.random() * width);
    $('body').append('<div style="top:'+positionH+';left:'+positionW+'"></div>');
}

bien sur c'est un début, il y a plein de problème à prendre en compte