Ventana Emergente en Blogger. Ventanas Popups

    Las ventanas Pop-Up son esas ventanas que se abren aparte del sitio web que estamos viendo, y si bien tienen muy mala fama porque generalmente están llenas de publicidad que no queremos ver y que no solicitamos, ahora puedes reivindicarlas dándoles funciones útiles como abrir un formulario, una foto, un texto, etc.

    Primero hay que ir a Diseño > Edición de HTML y pegar antes de lo siguiente:

    <script language=”JavaScript”>
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval(&quot;page&quot; + id + &quot; = window.open(URL, &#39;&quot; + id + &quot;&#39;, &#39;toolbar=0,scrollbars=0,location=0,
    statusbar=0,menubar=0,resizable=0,
    width=600,height=400,left = 212,top = 184&#39;);&quot;);
    }
    </script>

    Puedes cambiar estos valores si quieres mostrar lo siguiente:
    Toolbar (barra de herramientas)
    Scrollbars (barras de desplazamiento)
    Location (barra de direcciones)
    Statusbar (barra de estado)
    Menubar (barra de menú)
    Resizable (modificar tamaño de la ventana)

    Sólo cambia el 0 por un 1 si es que quieres mostrar algo de lo anterior. El tamaño de la ventana lo puedes cambiar donde dice width (ancho) y height (alto).

    Ahora en una entrada o elemento HTML/Javascript hay que poner lo siguiente:

    <a href=”javascript:popUp(‘URL del documento‘)”>Abrir ventana PopUp</a>

    Abrir ventana PopUp

    Sólo cambia la URL del documento por la dirección donde tengas alojada la imagen, el formulario o la página que se vaya a abrir en la ventana PopUp.

    También puedes hacer que se abra mediante un botón cambiando lo anterior por eso:

    <form>
    <input type=button value=”Abrir ventana PopUp” onClick=”javascript:popUp(‘URL del documento‘)”>
    </form>

     O incluso con una imagen:

    <a href=”javascript:popUp(‘URL del documento‘)”><img src=”URL de la imagen” /></a>

    1 COMMENT

    LEAVE A REPLY

    Please enter your comment!
    Please enter your name here