Ciao a tutti, spiego velocemente.
Ho una serie di immagini da posizionare a caso dentro ad una pagina HTML.
Ho quindi una funzione che genera coordinate X e Y in modo random e poi controlla, per le immagini già posizionate, che non si sovrappongano.
Però il controllo non funziona, e io non risco davvero a capire perchè
<script>
function PosizionaRandomTutteLeLapidine()
{
var xTd = [];
var yTd = [];
// Il numero massimo per la X e' la largezza della finestra.
// Anche della Y adesso che ci penso
for (i=0; i<aTd.length; i++)
{
randomX = 0;
randomY = 0;
ok = 0;
do
{
randomX = Math.round((Math.random() * (window.document.body.offsetWidth-200)) -1);
randomY = Math.round((Math.random() * (window.document.body.offsetHeight-236)) -1);
ok = 1;
for (j=0; j<xTd.length; j++)
{// 184 e 236 sono larghezza e altezza dell'immagine
if ((randomX >= xTd[j] && randomX <= (xTd[j]+184)) && (randomY >= yTd[j] && randomY <= (yTd[j]+236)))
{
ok = 0;
alert(i + " si sovrappone a " + j)
}
}
}
while (ok == 0)
xTd.push(randomX);
yTd.push(randomY);
}
for (i=0; i<aTd.length; i++)
{
document.getElementById(aTd[i]).style.position = "absolute"
document.getElementById(aTd[i]).style.top = yTd[i];
document.getElementById(aTd[i]).style.left = xTd[i];
}
}
</script>