Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/07/2012, 12:46
ger84
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Cambiar tamaño iframe

hola, me parece que confundiste la comprobación de si el ratón está encima con el manejo de eventos, ya que en cada vuelta del bucle estás asignando la función al evento, la idea es que javascript se encarga de manejar estos eventos, y no necesitas de un bucle que esté a la pesca de que algo cambie. De esta manera:
Código Javascript:
Ver original
  1. for (x=0;x<apps.length;x++)
  2. {
  3.     var testframe = document.createElement("iframe");
  4.     testframe.id = apps[x].name;
  5.     testframe.src = "apps/" + apps[x].name + "/index.html";
  6.     document.body.appendChild(testframe);
  7.     //acá enlazas las funciones al evento
  8.     document.getElementById(apps[x].name).onmousehover = agrandariframe(x);
  9.     document.getElementById(apps[x].name).onmouseout = encojeriframe(x);
  10. }      
  11.  
  12.  
  13. function agrandariframe(x)
  14. {
  15.         document.GetElementById(apps[x].name).style.width = 400;
  16.             document.GetElementById(apps[x].name).style.height = 400;
  17. }
  18. function encojeriframe(x)
  19. {
  20.             document.GetElementById(apps[x].name).style.width = 200;
  21.             document.GetElementById(apps[x].name).style.height = 200;
  22. }

ojo no lo probé pero esta sería la idea, además podes mejorar ese código haciendo que la carga de imágenes, y la redimensión sean métodos del clase app

Última edición por ger84; 26/07/2012 a las 12:55