Ver Mensaje Individual
  #10 (permalink)  
Antiguo 27/07/2012, 10:13
Avatar de Dradi7
Dradi7
 
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 15 años, 11 meses
Puntos: 220
Respuesta: Cambiar tamaño iframe

Bueno parece que aun no han encontrado solución, aca les brindo la solución para todos los navegadores haciendo unos cambios en el código de ger84 para que funcione en IE

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <script type="text/javascript">
  3. function app(name, version, developer, selected){
  4.   this.name = name;
  5.   this.version = version;
  6.   this.developer = developer;
  7.   this.selected = selected;
  8.   this.iframe;
  9.   this.agregaralbody = agregaralbody;
  10.   function agregaralbody(){
  11.     this.iframe = document.createElement("iframe");
  12.     this.iframe.id = this.name;
  13.     this.iframe.src = "src","apps/" + this.name + "/index.html";
  14.     if (document.addEventListener) {
  15.             this.iframe.addEventListener("mouseover", function(){agrandariframe(this);}, false);
  16.             this.iframe.addEventListener("mouseout", function(){encojeriframe(this);}, false);
  17.         }
  18.         // PARA IE
  19.         else{
  20.             this.iframe.attachEvent("onmouseover", function(){agrandariframe(event.srcElement);}, false);
  21.             this.iframe.attachEvent("onmouseout", function(){encojeriframe(event.srcElement);}, false);
  22.         }
  23.     document.body.appendChild(this.iframe);
  24.   }
  25. }
  26.  
  27. function agrandariframe(frm){
  28.   document.getElementById(frm.id).width = 400;
  29.   document.getElementById(frm.id).height = 400;
  30. }
  31.  
  32. function encojeriframe(frm){
  33.   document.getElementById(frm.id).width = 200;
  34.   document.getElementById(frm.id).height = 200;
  35. }
  36.  
  37. window.onload = function(){
  38.     var apps = new Array();
  39.     apps[0] = new app("App0", 0.1, "Weble", false);
  40.     apps[1] = new app("App1", 0.1, "Weble", false);
  41.     for (x=0;x<apps.length;x++){
  42.      apps[x].agregaralbody();
  43.    }    
  44.  }
  45.  
  46. </head>
  47. </body>
  48. </html>
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones