Databases
StackOverflow2013
Postsdbo
POHtml and java script that moves object with arrow keys?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHtml and java script that moves object with arrow keys?
    primarykey
    data
    text
    <p>Ok so I made a page that can move an image with the arrow keys but only the down and right functions work. I made the functions from a hide show script because i'm very new to javascript.</p> <p>Here is the code.</p> <p>left</p> <pre><code>function left(id) { var y = '5'; var z =document.getElementById(id).style.left; var x = parseInt(y)+parseInt(z); var state = document.getElementById(id).style.left; if (state == '1') { document.getElementById(id).style.left = x; } else { document.getElementById(id).style.left = x; } } </code></pre> <p>right</p> <pre><code>function right(id) { var y = '5'; var z =document.getElementById(id).style.right; var x = parseInt(y)+parseInt(z); var state = document.getElementById(id).style.right; if (state == '1') { document.getElementById(id).style.right = x; } else { document.getElementById(id).style.right = x; } } </code></pre> <p>up</p> <pre><code>function up(id) { var y = '5'; var z =document.getElementById(id).style.bottom; var x = parseInt(y)+parseInt(z); var state = document.getElementById(id).style.bottom; if (state == '1') { document.getElementById(id).style.bottom = x; } else { document.getElementById(id).style.bottom = x; } } </code></pre> <p>down</p> <pre><code>function down(id) { var y = '5'; var z =document.getElementById(id).style.top; var x = parseInt(y)+parseInt(z); var state = document.getElementById(id).style.top; if (state == '1') { document.getElementById(id).style.top = x; } else { document.getElementById(id).style.top = x; } } </code></pre> <p>then the arrow key script</p> <pre><code>document.onkeyup = KeyCheck; function KeyCheck() { var KeyID = event.keyCode; switch(KeyID) { case 37: right('img'); break; case 38: up('img') break case 39: left('img'); break; case 40: down('img'); break; } } </code></pre> <p>and then the html</p> <pre><code>&lt;img id="img" src="http://trevorrudolph.com/logo.png" style="position:absolute; left:1; bottom:1; right:1; top:1;"&gt; </code></pre> <p>you can download the html at <a href="http://trevorrudolph.com/arrow.zip" rel="nofollow">arrow.zip</a></p> <p>the actual page is <a href="http://trevorrudolph.com/arrow.html" rel="nofollow">here</a></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USTrevor Rudolph
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHtml and java script that moves object with arrow keys?
      1. USAlain Pannetier
      1. VTFavorite
    2. VO
      singulars
      1. POHtml and java script that moves object with arrow keys?
      1. USbrendan
      1. VTFavorite
    1. COHave you tried debugging your javascript with Visual Studio or your browsers developer tools? It's best to step through and make sure the values of your variables are as you expect at each step. Otherwise I don't really understand your logic that well. As a side note you don't need to set Y to '5' then parseInt you can just set it to the number 5 and it is an int. You are missing semicolons on your break statements but that might just be when you typed it in here. Also I recommend running your javascript through jslint.com to make sure you haven't made any other mistakes.
      singulars
      1. POHtml and java script that moves object with arrow keys?
      1. USJames Hulse
    2. COYou should really start using e.g. jQuery ;o - that will make your code much more readable and shorter.
      singulars
      1. POHtml and java script that moves object with arrow keys?
      1. USThiefMaster
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload