Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> obrazek sie nie odbija..JS, obrazek sie nie odbija..JS
Mastersieciweb
post
Post #1





Grupa: Zarejestrowani
Postów: 84
Pomógł: 0
Dołączył: 14.10.2013

Ostrzeżenie: (0%)
-----

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 
  1.  
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  5.   <meta name="generator" content="PSPad editor, www.pspad.com">
  6.   <title>rozdzial13</title>
  7.    <script>
  8.    var the_timeout;
  9.    function moveNumber(){
  10.    var the_div,move_amount;
  11.    the_div=window.document.all.numberOne.style;
  12.    move_amount=1;
  13.    move_amountt=1;
  14.  
  15.    var kk=400;
  16.  
  17.  
  18.     if(parseInt(the_div.left)>kk || parseInt(the_div.left)<0){
  19.    move_amount=-move_amount;}
  20.  
  21.    if(parseInt(the_div.top)>kk || parseInt(the_div.top)<0){
  22.    move_amountt=-move_amountt;}
  23.  
  24.  
  25.    the_div.left=parseInt(the_div.left)+move_amount;
  26.     the_div.top=parseInt(the_div.top)+move_amountt;
  27.  
  28.     the_timeout=setTimeout("moveNumber();",10);
  29.    }
  30.    </script>
  31.  </head>
  32.   <body>
  33.    <div id="numberOne" style="position:absolute; top:150;left:100;z-index:-1">
  34.    <img src="3333.png">
  35.    </div>
  36.   <form name="formm">
  37.   <input type="button" onClick="the_timeout=
  38.   setTimeout('moveNumber();',100); return false;" name="jeden" value="wlacz">
  39.   <input type="button" onClick="clearTimeout(the_timeout);
  40.   return false;" name="dwa" value="wylacz">
  41.   </form>
  42.   </body>
  43. </html>
  44.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
PrinceOfPersia
post
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

Ostrzeżenie: (0%)
-----

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(){ ................


Ten post edytował PrinceOfPersia 7.01.2014, 21:35:40


--------------------
Live demo mojej wtyczki do Atoma (lepsza nawigacja po plikach)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 01:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn