html - Hvorfor virker det her ikke? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #15047 @ 05.08.09 15:51

Fandt denne her kode, men kan satme ikke få den til at virke.

HTML kode

 <?xml version="1.0" encoding="iso-88559-1"?>
 <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3c.org/TR/xhtmll-transitional.dtd">
 <html>
 <head>
     <title> Earth Quake</title>
 <script language="javaScript" type="text/javascript">
 <!--
 function Quake(time)
 {
     if (self.moveBy)
     {
          for (var side = 25; side > 0; side=side-1)
         {    
             for (var tmp = time; tmp > 0; tmp=tmp-1)
             {
                 self.moveBy(0,side);
                 self.moveBy(side,0);
                 self.moveBy(0,-side);
                 self.moveBy(-side,0);
             }    
         }    
     }
 }    
 //-->
 </script>
 </head>
 <body>                
 <form><input type="button" value="Simulate Earthquake"onclick="Quake(20)";/></form>
 </body>
 </html>

Meningen er at den skal simulere et jordskælv.

Indlæg senest redigeret d. 05.08.2009 15:53 af Bruger #15047

Bruger #11328 @ 05.08.09 16:08

1.323

Du sætter på intet tidspunkt variablen "self". Prøv at udskifte den med globalen "window".

Bruger #15047 @ 05.08.09 16:10

Hvordan gør jeg det? Fandt det bare og så virkede det ikke. Har ikke så meget forstand på java.

Men prøver lige den idé jeg har med det.
(skifte alle self ud med window?) Der skete intet.

Indlæg senest redigeret d. 05.08.2009 16:11 af Bruger #15047

Bruger #11328 @ 05.08.09 16:43

1.323

Her:

HTML kode

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
     <title>Earthquake</title>
     <script type="text/javascript">
          function Quake(time) {
             if (window.moveBy) {
                 for (var side = 25; side > 0; side = side - 1) {
                     for (var tmp = time; tmp > 0; tmp = tmp - 1) {
                         window.moveBy(0, side);
                         window.moveBy(side, 0);
                         window.moveBy(0, - side);
                         window.moveBy(- side, 0);
                     }
                 }
             }
         } 
     </script>
 </head>
 
 <body>
     <div id="wrapper">
         <a href="#" onclick="javascript:Quake(20)">Earthquake! Remember to resize window!</a>
     </div>
 </body>
 </html>

Bruger #15047 @ 05.08.09 16:47

Der sker ikke rigtigt noget

Bruger #11328 @ 05.08.09 17:26

1.323

Du skal selvfølgelig have dit vindue i en størrelse hvor det kan bevæge sig.. Ikke maximeret.

Bruger #3143 @ 05.08.09 17:35

1.965

Jeg kan ikke huske, om det er en standardindstilling eller noget, som jeg selv har ændret, men min browser er sat op til ikke at tillade at flytte rundt på vinduer. Det kunne være det samme, der er tilfældet med din.

Bruger #11328 @ 05.08.09 17:36

1.323

Koden virker fint i min FF build...?
Men det er selvfølgeligt muligt.

Hvilken browser bruger du Magnus? Og hvordan bruger du den kode jeg har givet til dig?

Bruger #15047 @ 07.08.09 11:11

Jeg brugte Google Chrome under testen.

Jeg lagde det ind i din .html fil og derefter åbnede jeg den igennem browseren.

Indlæg senest redigeret d. 07.08.2009 11:12 af Bruger #15047

Hvorfor virker det her ikke?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler