Ver Mensaje Individual
  #9 (permalink)  
Antiguo 27/07/2012, 09:19
ger84
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Cambiar tamaño iframe

hola geogarmin, me había quedado pensando en el problema, ayudar a otros es buena forma de aprender, lo probé y anda bien, (en firefox y chrome, ie no lo tengo)

Código Javascript:
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script type="text/javascript">
  5. function app(name, version, developer, selected){
  6.     this.name = name;
  7.     this.version = version;
  8.     this.developer = developer;
  9.     this.selected = selected;
  10.     this.iframe;
  11.     this.agregaralbody = agregaralbody;
  12.     function agregaralbody(){
  13.         this.iframe = document.createElement("iframe");
  14.         this.iframe.setAttribute("id",this.name);
  15.         this.iframe.setAttribute("src","apps/" + this.name + "/index.html");
  16.         this.iframe.setAttribute("onmouseover","agrandariframe(event)");
  17.         this.iframe.setAttribute("onmouseout","encojeriframe(event)");
  18.         document.body.appendChild(this.iframe);
  19.     }
  20. }
  21. function agrandariframe(event){
  22.     elemento = event.target;
  23.     console.log(elemento.id);
  24.     document.getElementById(elemento.id).width = 400;
  25.     document.getElementById(elemento.id).height = 400;
  26. }
  27.  
  28. function encojeriframe(event){
  29.     elemento = event.target;
  30.     document.getElementById(elemento.id).width = 200;
  31.     document.getElementById(elemento.id).height = 200;
  32. }
  33. //Installed apps
  34.  
  35. window.onload = function(){
  36.         var apps = new Array();
  37.         apps[0] = new app("App0", 0.1, "Weble", false);
  38.         apps[1] = new app("App1", 0.1, "Weble", false);
  39.         for (x=0;x<apps.length;x++){
  40.             apps[x].agregaralbody();
  41.         }      
  42.     }
  43.    
  44. </script>
  45. </head>
  46. <body>
  47. </body>
  48. </html>