home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2007 November / PCWNOV07.iso / Software / Trial / AceHTML Pro 6.6 / acehtml6pro.exe / scriptdef / Keyboard Slider.sd < prev    next >
Encoding:
INI File  |  2006-09-13  |  2.1 KB  |  127 lines
  1. [SUBJECT]
  2. Description=Move images and objects across the screen by simply using keys from the keyboard
  3. ImageIndex=-1
  4. Folder=Graphical Effects
  5.  
  6.  
  7. [HEAD_TEXT]
  8. ;<!-- Original:  Massimo Giari (motore@iol.it) -->
  9. ;
  10. ;<!-- This script and many more are available free online at -->
  11. ;<!-- The JavaScript Source!! http://javascript.internet.com -->
  12. ;
  13. ;<script language="JavaScript">
  14. ;<!-- Begin
  15. ; var ieKey, nKey;
  16. ;n = (document.layers) ? 1 : 0;
  17. ;ie = (document.all) ? 1 : 0;
  18. ;function moveImage() {
  19. ;if (n) {
  20. ;block = document.blockDiv;
  21. ;}
  22. ;if (ie) {
  23. ;block = blockDiv.style;
  24. ;}
  25. ;block.xpos = parseInt(block.left);
  26. ;block.active = 0;
  27. ;document.onkeydown = keyDown;
  28. ;document.onkeyup = keyUp;
  29. ;if (n) {
  30. ;document.captureEvents(Event.keydown | Event.keyup); 
  31. ;   }
  32. ;}
  33. ;function keyDown(e) {
  34. ;if (n) {
  35. ;nKey = e.which;
  36. ;ieKey = 0;
  37. ;}
  38. ;if (ie) {
  39. ;ieKey = event.keyCode;
  40. ;nKey = 0;
  41. ;}
  42. ;if ((nKey == 97 || ieKey == 65) && !block.active) {   
  43. ;block.active = 1;
  44. ;slideLeft();
  45. ;}
  46. ;if ((nKey == 100 || ieKey == 68) && !block.active) {   
  47. ;block.active = 1;
  48. ;slideRight();
  49. ;   }
  50. ;}
  51. ;function keyUp(e) {
  52. ;if (n) {
  53. ;nKey = e.which;
  54. ;ieKey = 0;
  55. ;}
  56. ;if (ie) {
  57. ;ieKey = event.keyCode;
  58. ;nKey = 0;
  59. ;}
  60. ;if ((nKey == 97 || ieKey == 65 || nKey == 100 || ieKey == 68))
  61. ;block.active = 0;
  62. ;}
  63. ;function slideRight() {
  64. ;if (block.active) {
  65. ;block.xpos += 5;
  66. ;block.left = block.xpos;
  67. ;status = block.xpos;
  68. ;setTimeout("slideRight()", 25);
  69. ;   }
  70. ;}
  71. ;function slideLeft() {
  72. ;if (block.active) {
  73. ;block.xpos -= 5;
  74. ;block.left = block.xpos;
  75. ;status = block.xpos;
  76. ;setTimeout("slideLeft()", 25);
  77. ;   }
  78. ;}
  79. ;//  End -->
  80. ;</script>
  81.  
  82.  
  83.  
  84.  
  85. [BODY_TAG]
  86. ;onLoad="moveImage()"
  87.  
  88.  
  89.  
  90. [BODY_TEXT]
  91. ;<div id="blockDiv" STYLE="position:absolute; left:`left`px; top:`top`px; width:`width`px; height:`height`px">
  92. ;<img src="`image`" alt=""></div>
  93. ;
  94. ;Use <b>A</b> to move the image toward left, <b>D</b> to move the image right.
  95.  
  96.  
  97.  
  98.  
  99. [`image`]
  100. Kind=U
  101. Value=image1.gif
  102.  
  103.  
  104.  
  105. [`left`]
  106. Kind=N
  107. Value=317
  108.  
  109.  
  110.  
  111. [`top`]
  112. Kind=N
  113. Value=130
  114.  
  115.  
  116.  
  117. [`width`]
  118. Kind=N
  119. Value=137
  120.  
  121.  
  122. [`height`]
  123. Kind=N
  124. Value=121
  125.  
  126.  
  127.