Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Abrir ventana emergente en javascript

Tags: manual, javascript, ventana, emergente, abrir, window, open
publicado el 2010-06-18   leido 5185 leídas

Uso de window.open()

Así que quieres poner un botón que abra una ventanita en la pantalla. ¿Cierto? Bueno, aquí está cómo.

El problema de tener una página compleja con varios enlaces es el que, al ingresar a uno y volver, uno tiene que esperar a que la pagina se redibuje de nuevo, lo cual puede ser molesto. Una solución es abrir una ventanita en el enlace. Muchos la implementan usando un evento onclick que llama a window.open(), de la siguiente forma:
<a href="#" onclick="window.open('pagina.html','window','params')">Bla</a>
El problema con eso es que sólo funciona con Javascript. Uno podría cambiar el gato por pagina.html para que funcionara sin Javascript, pero en el navegador con Javascript hace lo mismo en la ventana original, ADEMÁS de abrir la ventana. Y sólo queremos abrir la ventana.

Solución: Agreguemos un return false para evitar tal efecto indeseado.
<a href="pagina.html" onclick="window.open(this.href,'window','params');return false">Bla</a>
(this.href en Javascript apunta al valor del atributo href de este tag (el <a>), que en este caso es 'pagina.html')

Otra: siempre es útil encapsular las cosas que ocupamos mucho. Por ejemplo, suponiendo que tengamos muchos enlaces de la forma anterior, en los cuales sólo varía la dirección de la página, podemos crear la siguiente función:

<script language="Javascript">
function abrir(pagina) {
    window.open(pagina,'window','params');
}
</script>
Y luego, aplicarla de la siguiente forma:
<a href="pagina.html" onclick="abrir(this.href);return false">

Te gust?

Fecha y hora en Javascript

Funciones del objeto string en Javascript

 
Información
Noelia Acosta publicado porPor: Noelia-09

Suscribete
Recibe los ultimos articulos en tu email:

Indice.
Javascript

Ultimos Artculos
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados