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

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!!

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