En kagemand fra den ene side af skærmen til den anden

...Og den må ikke laves i Flash?

<script type="text/javascript">
var t = l = 0;
function moveCookie(){
  var d = document.getElementById('cookieDiv');
  d.style.top = t++ + "px";
  d.style.left = l++ + "px";
  if(t>screen.availHeight||l>screen.availWidth){
    d.style.display = 'none';
    clearInterval(timer);
  }
}
function initMove(){
  var timer = setInterval('moveCookie',100);
  document.getElementById('cookieDiv').style.display = 'block';
}
</script>

<body onload="initMove();">
<div id="cookieDiv" style="position:absolute;top:0px;left:0px;display:none;"><img src="cookie.gif"></div>

-- denne vil bevæge den skråt nedover, hvis det bare skal være enten vandret eller lodret fjerner du de linjer som er top eller left !-)

-- og ganske aldeles utestet, skrevet direkte ind !o]

-- og der manglede lige et par paranteser !-|

  var timer = setInterval('moveCookie()',100);

okejjjj.. jeg takker og prøver lige- men hvorpræcis skal ligge scriptet ind ?

men henblik på flash - så skal hele siden vist laves i flash ???

Har testet den....virker i hvert fald fint!

Du skal _kun_ have een body, og den må kun være et sted !-)

diven med billedet i skal bare placeres et eller andet sted indenfor <body></body> og scriptet skal placeres et eller andet sted indenfor <html></html> !o]

Fandt lige en anden fejl:

<script type="text/javascript">
var t = l = 0,timer;
function moveCookie(){
  var d = document.getElementById('cookieDiv');
  d.style.top = t++ + "px";
  d.style.left = l++ + "px";
  if(t>screen.availHeight||l>screen.availWidth){
    d.style.display = 'none';
    clearInterval(timer);
  }
}
function initMove(){
  timer = setInterval('moveCookie()',10);
  document.getElementById('cookieDiv').style.display = 'block';
}
</script>

Ser ganske ok ud : men kan den ikke komme tilbage igen fra siden ??

Jo, men hvad ønsker du mere præcist ?0]

-- er det frem og tilbage sidelæns (og skal det fortsætte ?-)

-- eller op og ned, eller den skrå-tur, jeg har lavet ...

Det er ganske fint det du har lavet men måske "cookie" kunne kommetilbage igen fra hjørnet ?? - Og så en anden ting; jeg har testet den på en side uden mit website hvor den virker fint - men når jeg sætter den ind på min hjemmeside kommer den ikke frem. Men billedet kommer frem på min side i dreamweaver. Altså når jeg kører en test i IE,6 gemmer den sig bag lagene...

jeg vil gerne give dig point...

Brugt på et billede, som er 10*100 pixels:

<script type="text/javascript">
var t = l = -100,timer,dir=1;
function moveCookie(){
  var d = document.getElementById('cookieDiv');
  t += dir;
  l += dir;
  d.style.top = t + "px";
  d.style.left = l + "px";
  if(t==-100||l==-100){
    d.style.display = 'none';
    clearInterval(timer);
  }
  if(t>screen.availHeight||l>screen.availWidth){
      dir=-1;
  }
}
function initMove(){
  timer = setInterval('moveCookie()',10);
  document.getElementById('cookieDiv').style.display = 'block';
}
</script>

Du kan se top (t) skal sættes til minus billedets højde og left (l) skal sættes til minus billedets bredde, og testen skal også laves sådan:

  if(t==-100||l==-100){

-- og velbekomme '-)

tak....

-- jeg takker for points ;~}