PureBoard

Verfasst: **12.05.2010 17:46**

Hallo, ich habe ein kleines Problem...
Ich wollte mal ein JavaScript Game machen jedoch benötige ich dazu ja einige einfache Grundlagen... So wollte ich z.B. die Tastaturabfrage erstmal machen etc...

Hier ist mein Code:

Code: Alles auswählen

<html><head><title>Test</title>
<script type="text/javascript">
function Tastendruck (Ereignis) {
  if (!Ereignis)
    Ereignis = window.event;
  if ( String.fromCharCode(Ereignis.keyCode) == "w" )
  {
  var parseInt(y)-10;
  }
  else if ( String.fromCharCode(Ereignis.keyCode) == "s" )
  {
  var parseInt(y)+10;
  }
  else if ( String.fromCharCode(Ereignis.keyCode) == "a" )
  {
  var parseInt(x)-10;
  }
  else if ( String.fromCharCode(Ereignis.keyCode) == "d" )
  {
  var parseInt(x)+10;
  }
  element=document.getElementById("test");
  var element.left = parseInt(x);
  var element.button = parseInt(y);
  }
document.onkeypress = Tastendruck;
</script>
</head><body>
<img src="main.jpg" id="test" position:absolute; top=0px; left=0px;>
</body></html>

Eigentlich will ich ja das sich das Bild bewegt aber das passiert nicht...
Danke für eure Hilfe

Euer netzcoder

Verfasst: **12.05.2010 17:58**

Zuerst mal ist der HTML_Code schon falsch:

Code: Alles auswählen

<img src="main.jpg" id="test" position:absolute; top=0px; left=0px;>

da fehlt style=""

Code: Alles auswählen

<img src="main.jpg" id="test" style="position:absolute; top=0px; left=0px;">

und dann musst du auch bei JS style nehmen.

UNd dann sind meiner meinung nach die Vars völlig falsch gesetzt :

Hier mal meine Variante:

Code: Alles auswählen


<html><head><title>Test</title>
<script type="text/javascript">
function Tastendruck (Ereignis) {
  var x = parseInt(document.getElementById("test").style.left);
  var y = parseInt(document.getElementById("test").style.top);
  if (!Ereignis)
    Ereignis = window.event;
  if ( String.fromCharCode(Ereignis.keyCode) == "w" )
    y-=10;
  else if ( String.fromCharCode(Ereignis.keyCode) == "s" )
    y+=10;
  else if ( String.fromCharCode(Ereignis.keyCode) == "a" )
    x-=10;
  else if ( String.fromCharCode(Ereignis.keyCode) == "d" )
    x+=10;
  document.getElementById("test").style.left = x+"px";
  document.getElementById("test").style.top = y+"px";
  }
document.onkeypress = Tastendruck;
</script>
</head><body>
<img src="main.jpg" id="test" style="position:absolute; top=0px; left=0px;">
</body></html>

Verfasst: **12.05.2010 18:35**

Also du hast sicherlich recht jedoch funktioniert deine Version bei mir nicht...
Getestet unter:

Win7 x64
Browser: Google Chrome, Firefox (aktuellsten Versionen)
Euer netzcoder

Verfasst: **12.05.2010 18:46**

hmm und deine haut bei mir n menge Fehler rein ...
IE 8 ...

Aber auf jedenfall mus bei .left noch ein .style.left hin

Verfasst: **12.05.2010 18:55**

@netzcoder kennste jquery ?
zumindest für ein schnelles ergebnis wäre das sicher gut nutzbar
(um javascript zu lernen eventuell nicht so sehr, aber dann vielleicht eben gerade doch (*))

1. ist da alles drin was du brauchst
und 2. ist das etwas komplex
und 3. unterstützt das viele browser
und 4. nimmt es dir arbeit ab
und 5, funktioniert es sobald du das ding im griff hast
und 6. kostet es nix.
http://jquery.com/

(*) das jquery-dings ist schließlich lesbar und hilft dir sicher gut auf die sprünge, was
javascripting angeht.

PureBoard

[JavaScript] Problem beim Tasten abfragen?

[JavaScript] Problem beim Tasten abfragen?

Re: [JavaScript] Problem beim Tasten abfragen?

Re: [JavaScript] Problem beim Tasten abfragen?

Re: [JavaScript] Problem beim Tasten abfragen?

Re: [JavaScript] Problem beim Tasten abfragen?