få billede til at hoppe tilfældigt rundt på skærmen..

en lille rettelse.

Det skal være en div boks der flyver rundt på skærmen..

Under hvilke forudsætninger ?-)

Bemærk at hvis den hopper for hurtigt eller for langt vil det helt sikkert irritere alle besøgende, mens der selvfølgelig kan være lidt sjov i, at den ikke står helt stille ...

altså det er til lidt lir. Så den må godt kunne hoppe fra det ene hjørne af skærmen til det andet. Men den må selvfølgelig ikke kunne hoppe ud af billedet . Divens w=81px og H=95px

Måske sådan (lav selv det nødvendige om !-)

<script language="javascript" type="text/javascript">
var box = null,maxX=maxY=0;
function moveBox(){
  box.style.left = Math.floor(Math.random()*maxX);
  box.style.top = Math.floor(Math.random()*maxY);
}
window.onload = function(){
  box = document.getElementById("boxToMove");
  maxX = screen.availWidth - box.offsetWidth - 100;
  maxY = screen.availHeight - box.offsetHeight - 150;
  setInterval("moveBox()",600);
};
</script>

<div id="boxToMove" style="background:#345;color:white;text-align:center;width:150px;position:absolute;">Denne box hopper rundt<br><br>På de mærkeligste steder !-)</div>

Gaab, havde lige glemt en detalje:

function moveBox(){
  box.style.left = Math.floor(Math.random()*maxX) + "px";
  box.style.top = Math.floor(Math.random()*maxY) + "px";
}

det ser faktiks ud til at virke.

Måske skal du regulere på de 100 og 150, for i Opera (som jeg ikke har tilpasset !-) kunne den hoppe ud over bunden ...

Velbekomme '-)

;O)

nu har jeg kun et andet problem. Hvordan kan jeg definere
  box.style.left = Math.floor(Math.random()*maxX) + "px";
  box.style.top = Math.floor(Math.random()*maxY) + "px";
så jeg kan få tallet ind i en anden function?

<script language="javascript" type="text/javascript">
var box = null,maxX=maxY=actX=actY=0;
function moveBox(){
  actX = Math.floor(Math.random()*maxX);
  box.style.left = actX + "px";
  actY = Math.floor(Math.random()*maxY);
  box.style.top = actY + "px";
}
window.onload = function(){

...

-- så kan actX og -Y aflæses af alle funktioner !-)

-- og tak for point ;~}

Jeg får beskeden "actX er ikke defineret".

Har du husket at lave den første linje om ?-)

yes

a

Når jeg tester virker Rønving's fint ... hvis du har
et andet script på som skal bruge actX og actY skal
Rønving's script køres før det andet script ...
(scriptet behøves ikke at køres - men variabel
linjen som står på linje et i Rønvings script
skal være deklareret inden der
forespørges på actX m.v.)



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script language="javascript" type="text/javascript">
var box = null,maxX=maxY=actX=actY=0;
function moveBox(){
  actX = Math.floor(Math.random()*maxX);
  box.style.left = actX + "px";
  actY = Math.floor(Math.random()*maxY);
  box.style.top = actY + "px";
}
window.onload = function(){
  box = document.getElementById("boxToMove");
  maxX = screen.availWidth - box.offsetWidth - 100;
  maxY = screen.availHeight - box.offsetHeight - 150;
  setInterval("moveBox()",600);
};
</script>

</head><body>

<div id="boxToMove" style="background:#345;color:white;text-align:center;width:150px;position:absolute;">Denne box hopper rundt<br><br>På de mærkeligste steder !-)</div>
</body></html>

^ - Hvis ovenstående test ikke virker -> Hvilken browser ?