Søg
Avatar billede human900 Nybegynder
07. december 2003 - 19:02 Der er 14 kommentarer og
1 løsning

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

hej - jeg skal have en kagemand til at komme frem fra den ene ende af skærmen til den anden ende... ? Nogle der kan hjælpe...Jeg har billedet af kagemanden i en gif fil.
Avatar billede le_bon Nybegynder
07. december 2003 - 19:13 #1
...Og den må ikke laves i Flash?
Avatar billede roenving Novice
07. december 2003 - 19:14 #2
<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]
Avatar billede roenving Novice
07. december 2003 - 19:17 #3
-- og der manglede lige et par paranteser !-|

  var timer = setInterval('moveCookie()',100);
Avatar billede human900 Nybegynder
07. december 2003 - 19:23 #4
okejjjj.. jeg takker og prøver lige- men hvorpræcis skal ligge scriptet ind ?
Avatar billede human900 Nybegynder
07. december 2003 - 19:24 #5
men henblik på flash - så skal hele siden vist laves i flash ???
Avatar billede le_bon Nybegynder
07. december 2003 - 19:24 #6
Har testet den....virker i hvert fald fint!
Avatar billede roenving Novice
07. december 2003 - 19:25 #7
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]
Avatar billede roenving Novice
07. december 2003 - 19:28 #8
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>
Avatar billede human900 Nybegynder
07. december 2003 - 19:56 #9
Ser ganske ok ud : men kan den ikke komme tilbage igen fra siden ??
Avatar billede roenving Novice
07. december 2003 - 20:00 #10
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 ...
Avatar billede human900 Nybegynder
07. december 2003 - 20:09 #11
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...
Avatar billede human900 Nybegynder
07. december 2003 - 20:18 #12
jeg vil gerne give dig point...
Avatar billede roenving Novice
07. december 2003 - 20:29 #13
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 '-)
Avatar billede human900 Nybegynder
08. december 2003 - 14:09 #14
tak....
Avatar billede roenving Novice
08. december 2003 - 17:47 #15
-- jeg takker for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
I går 14:16 installere windows på separat diskpartition Af Malm i Windows
I går 13:43 Problem med mcafee Af Malm i Andet software
I går 13:39 Er tilstrækkelig antivirus incl på ny Samsung smartphone ? Af annam i Backup- & Antivirus
19/0819:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
White papers
Flere white papers »