Forum PHP.pl > obrazek sie nie odbija..JS

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: obrazek sie nie odbija..JS

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Mastersieciweb

7.01.2014, 11:56:40

Witam, chciałbym w JS zrobić funkcje która po naciśnięciu na przycisk 'włącz' wprawia w ruch obrazek który 'odbija' się od powiedzmy ściany którą podam w wilekości x i y w px.
Mój obrazek podąża w zadanym kierunku z tym że nie potrafi się odbić od ściany ;-) i nie moge dojść do tego dlaczego...w czym tkwi tutaj błąd.. dlaczego 'drga' obrazek zamiast się odbić i zmienić kierunek. oto cały kod:
-chcialem jeszcze zaznaczyc ze nie moge uzywac canvasu, chcialbym tylko w js to zrobic;-)

[HTML] pobierz, plaintext 
 
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>rozdzial13</title>
   <script>
   var the_timeout;
   function moveNumber(){
   var the_div,move_amount;
   the_div=window.document.all.numberOne.style;
   move_amount=1;
   move_amountt=1;
 
   var kk=400;
 
 
    if(parseInt(the_div.left)>kk || parseInt(the_div.left)<0){
   move_amount=-move_amount;}
 
   if(parseInt(the_div.top)>kk || parseInt(the_div.top)<0){
   move_amountt=-move_amountt;}
 
 
   the_div.left=parseInt(the_div.left)+move_amount;
    the_div.top=parseInt(the_div.top)+move_amountt;
 
    the_timeout=setTimeout("moveNumber();",10);
   }
   </script>
 </head>
  <body>
   <div id="numberOne" style="position:absolute; top:150;left:100;z-index:-1">
   <img src="3333.png">
   </div>
  <form name="formm">
  <input type="button" onClick="the_timeout=
  setTimeout('moveNumber();',100); return false;" name="jeden" value="wlacz">
  <input type="button" onClick="clearTimeout(the_timeout);
  return false;" name="dwa" value="wylacz">
  </form>
  </body>
</html>
 
[HTML] pobierz, plaintext

PrinceOfPersia

7.01.2014, 21:30:40

Cytat

od powiedzmy ściany którą podam w wilekości x i y w px.

nie podajesz w pikselach, bo zapomniałeś pododawać "px" na końcu.

Cytat

function moveNumber(){
var the_div,move_amount;

tak jak za to deklarowałeś, to move_amount jest zmienną lokalną, więc za każdym razie jak się odpala funkcja to się resetuje do wartości 1 (move_amount=1 ). move_amountt deklarujesz bez var (wychodzi na to, że robisz z niej zmienną globalną implicite, chociaż nie wiem na ile to poprawne jest składniowo), ale i tak ją resetujesz za każdym razem kiedy funkcja się odpala ( move_amountt=1;).

innymi słowy chciałbyś pewnie mieć 2 zmienne statyczne (jak w C++) a JavaScript ci to nie pozwala na to.

wywal deklaracje (var.....) i inicjalicje (move_amount = .....) move_amount i move_amount przed/poza funkcję moveNumber:

Kod

   var move_amount, move_amountt;
   move_amount=1;
   move_amountt=1;
  function moveNumber(){ ................

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.