Revista electrónica

Suscríbase ahora y ¡asegúrese ofertas!

Función Resizable-iFrame

Para poder activar la función, deben realizar una última modificación en su código iFrame:

  • Antes del iFrame debe integrarse un fichero JavaScript
  • Los atributos id y name del iFrame deben ser los mismos y deben empezar por resizeIframe.

Para finalizar pueden ajustar el ancho del iFrame (width-atributo) para adaptarlo al diseño.

El nuevo código para el iFrame es el siguiente:

Para una carga asincrónica del JavaScript se pueden usar la siguientes acciones:

Si está utilizando una Single Page Application (SPA), el evento "load" no se activa cuando se produce un cambio de página "virtual" y, por lo tanto, nuestra función de cambio de tamaño no se ejecuta.

Con la ayuda de las siguientes instrucciones, tiene la posibilidad de determinar usted mismo el momento de la función de redimensionamiento, para no depender del evento "load":

Debe integrar este block code cuando utilice un SPA:

Una vez cargados/renderizados el script y el iFrame, se puede ejecutar la siguiente función para activar la funcionalidad iFrame redimensionable:

La ejecución de la funcionalidad iFrame redimensionable puede interrumpirse con la siguiente función si es necesario: