Inicio - Manuales PHP - Javascript - HTML - Posicionamiento Web - Informática - Ganar Dinero en Internet - Directorio Webmasters

Abrir ventanas o Popups con javascript

Manuales de Javascript > Taller Programación en Javascript


A veces necesitamos abrir ventanas (Popups) con javascript he aquí varias maneras de hacerlo.

A continuación te pongo las funciónes de javascript y mas abajo te digo como usarlas.

Función No. 1

Función sencilla



function abrir_ventana(url)
{
newWindow = window.open(url,"ventana4",
"status,height=600,width=850,top=150,left=250,scrollbars=yes");
newWindow.focus( );
};



En "width" ponemos el ancho de la ventana que queramos abrir.
En "height" ponemos la altura.


Función No. 2

Función con el manejo de mas opciones.




function abrir_ventanax(direccion, pantallacompleta, herramientas, direcciones, estado, barramenu, barrascroll, cambiatamano, ancho, alto, izquierda, arriba, sustituir){
     var opciones = "fullscreen=" + pantallacompleta +
                 ",toolbar=" + herramientas +
                 ",location=" + direcciones +
                 ",status=" + estado +
                 ",menubar=" + barramenu +
                 ",scrollbars=" + barrascroll +
                 ",resizable=" + cambiatamano +
                 ",width=" + ancho +
                 ",height=" + alto +
                 ",left=" + izquierda +
                 ",top=" + arriba;
     var ventana = window.open(direccion,"venta",opciones,sustituir);
        
}       



En esta función podemos escoger que se muestre o no en pantalla completa, la barra de herramientas, la barra de estado, el menu, que sea fija o se pueda maximizar el tamaño, el ancho la altura y a cuantos pixeles de arriba y de la izquierda queremos que aparezca nuestra pantalla o popup.


Ejemplo 1




<script language="javascript">

/*Escribimos la función antes de poner el link*/

function abrir_ventana(url)
{
newWindow = window.open(url,"ventana4",
"status,height=600,width=850,top=150,left=250,scrollbars=yes");
newWindow.focus( );
};

</script>


<a href="javascript:abrir_ventana('http://google.com')">Ejemplo 1: Abrir google en una ventana</a>




Ejemplo 1: Abrir google en una ventana


Ejemplo 2

El orden de los valores que ponemos es en el siguiente orden
direccion, pantallacompleta, herramientas, direcciones, estado, barramenu, barrascroll, cambiatamano, ancho, alto, izquierda, arriba, sustituir


<script language="javascript">

/*Escribimos la función antes de poner el link*/

function abrir_ventanax(direccion, pantallacompleta, herramientas, direcciones, estado, barramenu, barrascroll, cambiatamano, ancho, alto, izquierda, arriba, sustituir){
     var opciones = "fullscreen=" + pantallacompleta +
                 ",toolbar=" + herramientas +
                 ",location=" + direcciones +
                 ",status=" + estado +
                 ",menubar=" + barramenu +
                 ",scrollbars=" + barrascroll +
                 ",resizable=" + cambiatamano +
                 ",width=" + ancho +
                 ",height=" + alto +
                 ",left=" + izquierda +
                 ",top=" + arriba;
     var ventana = window.open(direccion,"venta",opciones,sustituir);
     };
</script>


<a href="javascript:abrir_ventanax('http://google.com','no','yes','yes','yes','yes','yes','yes','800','600','100','100','yes')">
Ejemplo  2: Abrir google en una ventana modificando sus parametros
</a>



Ejemplo 2: Abrir google en una ventana modificando sus parametros
Web Hosting en México con CPANEL
 
 
Script en PHP para mostrar la fecha completa..
Webalizer Manual para Interpretar estadísticas..
Como generar un archivo de Excel con PHP..
JAVA VS PHP Buenas razones para saber cual elegir..
Convertir Fecha Normal a Fecha con formato de MySQL..
Cambiar IP de Ruteador o Cablemodem..
Abrir ventanas o Popups con javascript..
Reglas y Tips de Usabilidad Web..
Para que sirve el comando document . write de Javascript ..
Que es Javascript, Para que sirve, y que puedo hacer con el...
Envío de Formularios con PHP..
PHP o ASP cual me conviene aprender a programar...
Tips Para ganar dinero con tu sitio web y google Adsense..
Como Sumar dias con PHP a una fecha para otener otra fecha..

Comentarios
Total de comentarios 0
Ver todos los comentarios


Total de comentarios 0
Ver todos los comentarios

Coloca tus comentarios

Coloca comentarios que ayuden a enriquecer el artículo o que creas que sirven a los lectores,

Por favor evita palabras altisonantes, spam o poner comentarios que no tengan que ver con este artículo, todos los comentarios que no cumplan con estos requisitos seran omitidos.

Para cuidar la calidad del contenido y debido al abuso con SPAM de algunas personas todos los comentarios seran publicados hasta que los revisemos.

Nombre
Ciudad, País
Comentarios

 

 

 

ManualesdelaWeb.com
Inicio
Sitios de Nuestra Red
Escribenos
Boletín de Noticias Sitios de Interes
Bolsa de Trabajo de Programadores en Guadalajara

Otros Sitios Interesantes
Bienes Raices Checalo
El Planetoide.com
The Planetoid.com
Venta de Autos Seminuevos en México
Directorio Web
Promociona tu empresa en internet gratis!!

2018 Manuales de la Web
Diseño Web y Web Hosting por NetmarketingWeb