Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/09/2014, 13:02
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 4 meses
Puntos: 977
Respuesta: No funciona mi codigo

El problema está en que con la forma element.style.width no puedes obtener el valor de su ancho. Para eso, necesitas utilizar el método getComputedStyle.

Código Javascript:
Ver original
  1. var bloque = document.getElementById("bloque");
  2.  
  3. function move(element){
  4.     var width = window.getComputedStyle(element, null).width;
  5.     width = parseInt(width) + 1;
  6.     element.style.width = width + 'px';
  7. }
  8.  
  9. setInterval(function(){
  10.     move(bloque);
  11. }, 10);

Como dicho método devuelve el valor junto con la medida, utilizo a la función parseInt para tomar la parte numérica. La función se ejecutará cada 10 milésimas de segundo y, en cada ejecución, irá incrementando el valor del ancho del elemento en 1.

Y para navegadores anteriores a IE 9, utiliza el método currentStyle.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand