Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> problem z funkcja onKeyDown..js, problem z funkcja onKeyDown..js
Mastersieciweb
post
Post #1





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

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

Witam, nie wiem w jaki sposób uaktywnić funkcję żeby za pomocą klawisza strzałki do góry moje pole zwiększyło się, gdzie tu jest błąd..z góry dziękuje
[HTML] pobierz, plaintext 
  1. <html>
  2.   <head>
  3.  
  4.  
  5.   </head>
  6.  
  7.   <body>
  8.   <script>
  9.   function na(e){
  10.  var bb=e.keyCode;
  11.  var cc= document.getElementById('jeden');
  12.  if (bb==38){
  13.  cc.style.width="300px";}
  14.  }
  15.   </script>
  16.   <div id="jeden" onkeydown="na(e)" style="width:100px;height:50px;background-color:red" ></div>
  17.   </body>
  18. </html>
  19.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Mastersieciweb
post
Post #2





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

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

spojrzalbys na ten kod?:-) badziewnie pewnie wyglada,moim zadaniem bylo zrobienie takiej gierki(snake) z tym że nie wiem czy tą metodą co robie jestem w stanie taki efekt uzyskać. Pomieszałem troche tego wszystkiego, przetestuj ten problem jak możesz, ewentualnie jakieś sugestie, poprawki, co mógłbym zrobić, bo zostaje kwestia jeszcze klonowania diva, ale nie mam zielonego pojęcia jak tu to umiejscowić itp..;-)

[HTML] pobierz, plaintext 
  1. <html>
  2.   <head>
  3.    <meta charset=utf-8 />
  4.   <title>snake2</title>
  5.   </head>
  6.  
  7.   <body>
  8.   <script>
  9.  function na(e){
  10.   bb=e.keyCode;
  11.   cc= document.getElementById('jeden').style;
  12.   cc2= document.getElementById('dwa').style;
  13.     var i = 100*Math.round(5*(Math.random()));
  14.     var ii = 100*Math.round(5*(Math.random()));
  15.     var isMoving = false;
  16.  
  17.           if (bb==39){
  18.           if(!isMoving){
  19.       isMoving = true;
  20.           d1=setInterval(function(){ol();},500);
  21.           }}else {clearInterval(d1);} 
  22.           if (bb==40){
  23.           if(!isMoving){
  24.       isMoving = true;
  25.  
  26.           d2=setInterval(function(){ol2();},500);
  27.           }}else {clearInterval(d2);}
  28.           if (bb==37){
  29.           if(!isMoving){
  30.       isMoving = true;
  31.  
  32.           d3=setInterval(function(){ol3();},500);
  33.           }}else {clearInterval(d3);}
  34.           if (bb==38){
  35.           if(!isMoving){
  36.       isMoving = true;
  37.  
  38.           d4=setInterval(function(){ol4();},500);
  39.           }} else {clearInterval(d4);}
  40.  
  41.  
  42.  
  43.  
  44.                   function ol(){
  45.                   cc.left=parseInt(cc.left)+50+"px";
  46.  
  47.                    if(parseInt(cc.left)>500){
  48.                    cc.left=parseInt(cc.left)-550+"px";;}
  49.                    if((parseInt(cc.left)==parseInt(cc2.left))&&(parseInt(cc.top)==parseInt(cc2.top))){
  50.                       cc2.left=i+"px";
  51.                       cc2.top=ii+"px";
  52.                       }
  53.                 } 
  54.  
  55.  
  56.  
  57.  
  58.                   function ol2(){
  59.                   cc.top=parseInt(cc.top)+50+"px";
  60.  
  61.                    if(parseInt(cc.top)>500){
  62.                    cc.top=parseInt(cc.top)-550+"px";;}
  63.                    if((parseInt(cc.left)==parseInt(cc2.left))&&(parseInt(cc.top)==parseInt(cc2.top))){
  64.                       cc2.left=i+"px";
  65.                       cc2.top=ii+"px";
  66.                       }
  67.                 } 
  68.  
  69.  
  70.  
  71.                     function ol3(){
  72.  
  73.                     cc.left=parseInt(cc.left)-50+"px";
  74.  
  75.                      if(parseInt(cc.left)<0){
  76.                      cc.left=parseInt(cc.left)+550+"px";;}
  77.  
  78.                      if((parseInt(cc.left)==parseInt(cc2.left))&&(parseInt(cc.top)==parseInt(cc2.top))){
  79.                       cc2.left=i+"px";
  80.                       cc2.top=ii+"px";}
  81.                       } 
  82.  
  83.  
  84.  
  85.  
  86.                       function ol4(){
  87.                       cc.top=parseInt(cc.top)-50+"px";
  88.                       if(parseInt(cc.top)<0){
  89.                        cc.top=parseInt(cc.top)+550+"px";;}
  90.  
  91.                        if((parseInt(cc.left)==parseInt(cc2.left))&&(parseInt(cc.top)==parseInt(cc2.top))){
  92.                       cc2.left=i+"px";
  93.                       cc2.top=ii+"px";
  94.  
  95.                       } 
  96.                        }
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  } 
  104.  
  105. d=document.onkeydown = na;
  106.   </script>
  107.   <div id="tlo"  style="position:absolute;width:550px;height:550px;background-color:green;left:0px;top:0px;" ></div>
  108.   <div id="jeden"  style="position:absolute;width:50px;height:50px;background-color:red;left:0px;top:0px;" ></div>
  109.   <div id="dwa"   style="position:absolute;width:50px;height:50px;background-color:blue;left:100px;top:0px;" ></div>
  110.  
  111.   </body>
  112. </html>
  113.  
  114.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Mastersieciweb   problem z funkcja onKeyDown..js   7.01.2014, 11:51:43
- - werdan   http://jsbin.com/IJuTecI/1/edit?html,js,output   7.01.2014, 12:34:40
- - Mastersieciweb   dziękuje WERDAN:-) No ale w takim razie dlaczego ...   7.01.2014, 13:21:10
- - werdan   http://jsbin.com/IJuTecI/2/edit?html,js,output   7.01.2014, 13:36:31
- - Mastersieciweb   a to jeszcze mam pytanko do tej funkcji, żeby po n...   7.01.2014, 14:00:03
- - werdan   http://jsbin.com/IJuTecI/3/edit?html,js,output   7.01.2014, 14:19:28
- - Mastersieciweb   ale jaja:-) dziękuje, w razie W bede pytal dalej:-...   7.01.2014, 17:47:35
- - werdan   [HTML] pobierz, plaintext document.body.appendChil...   7.01.2014, 17:53:12
- - Mastersieciweb   mam jeszcze pytanie:-) jeśli nacisne ponownie klaw...   7.01.2014, 19:53:28
- - werdan   http://jsbin.com/IJuTecI/4/edit?html,js,output   7.01.2014, 20:15:57
- - Mastersieciweb   spojrzalbys na ten kod?:-) badziewnie pewnie wygla...   7.01.2014, 20:36:34
- - werdan   [HTML] pobierz, plaintext <html> <head...   7.01.2014, 21:11:40
- - Mastersieciweb   nie wiem za bardzo w jaki sposób wykorzystac tutaj...   7.01.2014, 21:16:52

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

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