Tema: Ayuda con funciones en js..
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/12/2009, 10:37
mhax
 
Fecha de Ingreso: agosto-2009
Ubicación: Cartagena, Colombia
Mensajes: 516
Antigüedad: 15 años, 5 meses
Puntos: 13
Respuesta: Ayuda con funciones en js..
Espero te sirva, arregla lo ke no te sirva:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. #apDiv1 {
  9.     position:absolute;
  10.     left:224px;
  11.     top:79px;
  12.     width:477px;
  13.     height:382px;
  14.     z-index:1;
  15. }
  16. #apDiv2 {
  17.     position:absolute;
  18.     left:393px;
  19.     top:318px;
  20.     width:143px;
  21.     height:103px;
  22.     z-index:2;
  23. }
  24. #apDiv3 {
  25.     position:absolute;
  26.     left:439px;
  27.     top:328px;
  28.     width:50px;
  29.     height:24px;
  30.     z-index:3;
  31. }
  32. #apDiv4 {
  33.     position:absolute;
  34.     left:405px;
  35.     top:353px;
  36.     width:34px;
  37.     height:24px;
  38.     z-index:4;
  39. }
  40. #apDiv5 {
  41.     position:absolute;
  42.     left:441px;
  43.     top:157px;
  44.     width:20px;
  45.     height:28px;
  46.     z-index:5;
  47. }
  48. #apDiv6 {
  49.     position:absolute;
  50.     left:440px;
  51.     top:377px;
  52.     width:49px;
  53.     height:23px;
  54.     z-index:5;
  55. }
  56. #apDiv7 {
  57.     position:absolute;
  58.     left:488px;
  59.     top:352px;
  60.     width:35px;
  61.     height:24px;
  62.     z-index:6;
  63. }
  64. #imagen {
  65.     position:absolute;
  66.     left:361px;
  67.     top:123px;
  68.     width:183px;
  69.     height:110px;
  70.     z-index:7;
  71. }
  72. -->
  73. </style>
  74. <script language="javascript">
  75.  
  76.   var x=0;
  77.     function derecha(){
  78.          img=document.getElementById("imagen");
  79.          x+=20;
  80.          img.style.left=x+'px';
  81.     }
  82.   
  83.     function izq(){
  84.       img=document.getElementById("imagen");
  85.       x-=20;
  86.       img.style.left=x+'px';
  87.     }
  88.     
  89.     function arriba(){
  90.       img=document.getElementById("imagen");
  91.       x-=20;
  92.       img.style.top=x+'px';   
  93.     }
  94.     
  95.     function abajo(){
  96.       img=document.getElementById("imagen");
  97.       x+=20;
  98.       img.style.top=x+'px';   
  99.     }
  100. </script>
  101.  
  102. </head>
  103.  
  104. <body>
  105. <div id="apDiv2"></div>
  106. <div id="apDiv3">
  107.   <input type="button" onclick="arriba()" value="Arriba" />
  108. </div>
  109. <div id="apDiv4">
  110.   <input type="button" onclick="izq()" value="Izq" />
  111. </div>
  112. <div id="apDiv6">
  113.   <input type="button" onclick="abajo()" value="Abajo" />
  114. </div>
  115. <div id="apDiv7">
  116.   <input type="button" value="Der" onclick="derecha()"/>
  117. </div>
  118. <img alt="imagen" id="imagen"/>
  119. </body>
  120. </html>
__________________
Un camino de mil millas comienza por el primer paso. Lao Tse