Apertura y configuración de popups con javascript

  • Por
Este artículo te enseñará en profundidad como abrir ventanas secundarias y configurar su forma.
En determinadas ocasiones es muy útil abrir un enlace en una ventana secundaria, es decir, una ventana aparte que se abre para mostrar una información específica. Algunas ventajas de abrir un enlace en una ventana secundaria pueden ser que:
  • El usuario no se marcha de la página donde estaba el enlace.
  • La ventana secundaria se puede configurar libremente con lo que se pueden hacer ventanas más grandes o pequeñas y con más o menos menús.
  • En general, el grado de control de la ventana secundaria utilizando Javascript aumenta.
Pincha aquí para ver lo que es una ventana secundaria

Para abrir una ventana secundaria podemos hacerlo de dos maneras, con HTML y con Javascript. Veamos cada una de ellas

Abrir una ventana con HTML

Se puede conseguir abrir una ventana secundaria muy fácilmente con tan solo HTML. Para ello podemos utilizar el atributo TARGET de las etiquetas HREF. Si ponemos target="_blank" en el enlace, la página se abrirá en una ventana secundaria. También podemos poner target="xxx" para que el enlace se presente el la ventana llamada xxx o en el frame xxx.

El enlace tendría que tener esta forma:

<a href="mipagina.html" target="_blank">

El problema de abrir una página secundaria con HTML consiste en que no podemos definir la forma de ésta ni podremos ejercer mayor control sobre élla, tal como comentábamos entre las ventajas de abrir una ventana secundária con Javascript. La ventana que se abre siempre será como el usuario tenga definido por defecto en su navegador.

Abrir una ventana con Javascript

Para abrir una ventana con Javascript podemos utilizar la sentencia window.open(). No pasa nada por que no conozcas Javascript, puesto que es muy sencillo utilizarlo para este caso. Vamos a ver paso a paso cómo abrir una ventana secundaria utilizando Javascript.

1. Sentencia Javascript para abrir una ventana

La sentencia es simplemente la función window.open(), lo más complicado es saber cómo utilizar esa función, pero ahora veremos que no reviste ninguna complicación.

La función window.open() recibe tres parámetros, que se colocan dentro de los paréntesis, de este modo:

window.open(URL,nombre_de_la_ventana,forma_de_la_ventana)

Veamos rápidamente cada uno de estos parámetros por separado.

URL: representa el URL que deseamos abrir en la ventana secundaria, por ejemplo http://www.desarrolloweb.com
nombre_de_la_ventana: es el nombre que se le asigna a esta ventana para dirigir enlaces con el atributo target del HTML
forma_de_la_ventana: se indica el aspecto que va a tener la ventana secundaria. Por ejemplo se puede definir su altura, anchura, si tiene barras de desplazamiento, etc

Veamos un ejemplo de sentencia Javascript completa para abrir una ventana secundaria:

window.open("http://www.desarrolloweb.com" , "ventana1" , "width=120,height=300,scrollbars=NO")

Esto quiere decir que abra la página inicial de desarrolloweb.com en una ventana secundaria a la que vamos a llamar ventana1. Además, la ventana será de 120 pixels de ancho, 300 de alto y no tendrá barras de desplazamiento.

Una aclaración adicional, si después de abrir esa ventana colocamos otro enlace en la página que abría la ventana cuyo atributo target está dirigido hacia el nombre_de_la_ventana (en este caso ventana1), este enlace se mostrará en la ventana secundaria.

2. Función que abre una ventana

Lo más cómodo para abrir una ventana es colocar una función Javascript que se encarge de las tareas de abrirla y que reciba por parámetro la URL que se desea abrir.

El script es sencillo, veámoslo a continuación:

<script language=javascript>
function ventanaSecundaria (URL){
   window.open(URL,"ventana1","width=120,height=300,scrollbars=NO")
}
</script>


3. Colocamos un enlace

Este enlace no debe estar dirigido directamente a la página que queramos abrir, sino a la sentencia Javascript necesaria para abrir la ventana secundaria. Para ejecutar una sentencia Javascript con la pulsación de un enlace lo hacemos así:

<a href="javascript:sentencia_javascript_para_abrir_la_ventana">

4. El enlace llama a la función que abre la ventana

Ahora Veamos cómo quedaría todo ese enlace en la página.

<a href="javascript:ventanaSecundaria('http://www.desarrolloweb.com')"> Pincha en este enlace para abrir la ventana secundaria</a>

Que da como resulado:

Pincha en este enlace para abrir la ventana secundaria

(En la página que vayamos a colocar este enlace deberíamos tener el script que hemos hecho anteriormente que contenía la función para abrir la ventana.)

Hay que fijarse que las comillas simples que se colocan para definir el URL que se pasa como parámetro de la función ventanaSecundaria(). Son comillas simples porque el href del enlace ya tiene unas comillas dobles, y dentro de comillas dobles siempre se han de utilizar comillas simples a no ser que deseemos cerrar las comillas dobles.

Parámetros para dar forma a una ventana

Estos atributos los puedes utilizar en la función window.open() para definir la forma que deseas que tenga tu ventana secundaria.

Width Ajusta el ancho de la ventana. En pixels
Height Ajusta el alto de la ventana
Top Indica la posición de la ventana. En concreto es la distancia en pixels que existe entre el borde superior de la pantalla y el borde superior de la ventana.
Left Indica la posición de la ventana. En concreto es la distancia en pixels que existe entre el borde izquierdo de la pantalla y el borde izquierdo de la ventana.
Scrollbars Para definir de forma exacta si salen o no las barras de desplazamiento. scrollbars=NO hace que nunca salgan. Scrollbars=YES hace que salgan (siempre en ie y solo si son necesarias en NTS).
Resizable Establece si se puede o no modificar el tamaño de la ventana. Con resizable=YES se puede modificar el tamaño y con resizable=NO se consigue un tamaño fijo.
Directories
(barra directorios)
A partir de aquí se enumeran otra serie de propiedades que sirven para mostrar o no un elemento de la barra de navegación que tienen los navegadores más populares, como podría ser la barra de menús o la barra de estado.

Cuando ponemos el atributo=YES estamos forzando a que ese elemento se vea. Cuando ponemos atributo=NO lo que hacemos es evitar que ese elemento se vea.
Location
(barra direcciones)
Menubar
(barra de menús)
Status
(barra de estado)
Titlebar
(la barra del título)
Toolbar
(barra de herramientas)

Abrir una ventana sin un enlace

En otras ocasiones desearemos abrir una ventana secundaria automáticamente, es decir, sin necesidad de que el usuario pulse sobre ningún enlace. En este caso, el código de la función ventanaSecundaria nos sirve también y habrá que añadir una línea de código Javascript a continuación de la función ventanaSecundaria. Esta línea a añadir simplemente será una llamada a la función que se ejecutará según se está cargando la página. Veamos como quedaría este código:

<script language=javascript>
function ventanaSecundaria (URL){
   window.open(URL,"ventana1","width=120,height=300,scrollbars=NO")
}

ventanaSecundaria("http://www.desarrolloweb.com");
</script>


Queda en negrita lo que sería la llamada a la función que abre la ventana secundaria, como está fuera de una función se ejecuta según se está cargando la página.

Referencias: Hemos publicado un manual en DesarrolloWeb.com que explica en detalle cómo controlar ventanas secundarias. No solo abrirlas, también aprendemos a cerrarlas, comunicar entre ventanas, etc. Control de ventanas en Javascript

También hemos propuesto crear un popup con Javascript y capas (DHTML), que evita los sistemas que bloquean ventanas secundarias, ya que no es exactamente una ventana.


Si quieres, puedes descargarte el texto de esta ayuda técnica y los ejemplos. .zipventanassecundarias.zip 6Kb

Autor

Miguel Angel Álvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

J.Isach

09/8/2001
Tengo alguna idea de como abrir ventanas, pero deseo que se abran automáticamente cuando transcurre un determinado tiempo (ej. 6 seg).

Para ello utilizo la funcion setTimeout de javascript, que recibe como parametros la instruccion a ejecutar y el tiempo de retardo en milisegundos.

setTimeout("window.open('http://www.desarrolloweb.com','w','width=500,height=400')",6000)

Al pulsar este boton se abre una ventana con retardo de 6 segundos

David Masip

16/7/2002
He leido tu articulo a cerca de como abrir ventanas, tengo en una carpeta (c:\web) mis páginas web y estoy intentado mediante esa sentencia abrirlas, pero resulta que no me abre nada.

Me preguntaba si podrias decirme como puede escribir la URL de manera que me busque las páginas tanto en local como cuando esta en Web.

RESPUESTA:

Si quieres que encuentre las páginas tanto en local como el la web debes escribir los caminos relativos a la página donde estás abriendo la ventana, en lugar de caminos absolutos.

La idea es que, en la URL, sólamente indiques el nombre del archivo que deseas abrir, sin especificar ningún directorio, pues me dices que todas las páginas están en el mismo directorio.

Joaquín Sastre

26/7/2002
Hola, quería pasaros la manera de abrir una ventana a pantalla completa:

window.open("http://www.xx.com","","fullscreen,scrollbars")

Fabiaán

26/3/2003
Actualmente estoy empezando a trabajar de lleno con la familia Macromedia y para ser más exacto con DREAMWEAVER. Me podríais indicar dónde debo escribir el codigo de JAVASCRIPT en DREAMVEAVER para abrir una ventana secundaria?? Gracias

RESPUESTA

Pues deberías escribir el código en cualquier lugar de la página. Pero fíjate de colocar el código en vista código y no en vista diseño, puesto que si lo haces en vista diseño saldría escrito el código en la página en lugar de no salir nada y abrir el popup, que es lo que debería pasar.

De todos modos, te indico que Dreamweaver tiene una serie de comportamientos muy útiles entre los que se encuentra la apertura de ventanas secundarias. Posiblemente te sea más sencillo utilizarlos en lugar de colocar tu mismo el código Javascript.

JGM

02/3/2004
Tambien podeis hacer una ventanita asi:<script>alert('Hola gente')</script>

Jesus Alfredo Moran

27/3/2004
Ok, ya he aprendido a abrir una ventana desde un documento HTML, pero ahora como se hace para poder abrir una ventana desde un código php?, ya que se requiere al momento de abrir una imágen este tipo de código... Cual sería el camino a tomar. Gracias.

Armando Salinas

21/4/2005
Hola....Necesito abrir una pagina de internet desde mi intranet, como le envio el usuario y contraseña del proxy?..

Gracias.....

Joel Cortes

26/5/2005
alguien podria ayudarme, quisiera saber el codigo para abrir una ventana secundaria dando clik en una imagen..
espero me respondan pronto..gracias

Anibal

30/5/2005
Hola Joel, lo que quieres hacer esmuy simple, solo tienes que incluir el window.open() en el evento onclick() de la imagen, por ejemplo:

<img src="/imagenes/yo.jpg" onclick="javascript: window.open('archivo.html','nombre','parametros')">

SilentHades

11/6/2005
Señores de desarrollo web, muy buena la información; funciona con IE, pero no funciona con Mozilla, espero que puedan ayudarme... de veras necesito sacar ese popup en mozilla...

lisandro

06/7/2005
Quisiera preguntar, este script funciona perfectamente en mac tambien ? Muchas gracias

jonas

09/7/2005
Trabajando en local con javascript, el parámetro "status" funciona. La ventana segundaria abre sin barra de estatus. Pero en internet propiamente, éste no funciona, y se ve la barra.

Por otra parte. el parámetro Titlebar no me funciona en local ni en internet, en la instrucción Titlebar=NO.

Gracias a Desarrollo Web por el tremendo soporte.
Jonas

David Girona

16/12/2005
La forma adecuada para abrir ventanas dista mucho de la forma en que habitualmente se hace. Entre otras muchas cosas porque los navegadores no pueden arañar su contenido, esencial hoy dia ...

A continuación describo la forma adecuada de como hacerlo:

script:
function pop(pagina,ventana,parametros){
window.open(pagina,ventana,parametros);
}

html:


<a href="pop.html" target="ventana" onclick="pop(this.src,this.target,'scrollbars=yes'); return false;">Abrir Ventana</a>

Un saludo a todos y feliz navidad.

Alejandro Hernández

06/5/2006
Hola tengo una duda sobre ventanas en javascript se puede controlar con javascript o con otro lenguaje el minimizar, maximizar de las ventanas que abrimos..es decir ya que las abrimos y las cerramos..espero que no sea una pregunta demasiado tonta pero es algo que encesito para un sistema.espero me puedan ayudar muchas gracias de ante mano

BoKe

19/7/2006
Para abrir una ventana con php, nos podemos ayudar del javascript:
la llamada seria:

abrir_popup("www.google.com","top=10 ,left=500 ,width=350, height=150, scrollbars=no, menubar=no, location=no, resizable=no");

y la funcion:

function abrir_popup($url,$parametros){

?>

<script language="JavaScript">
window.open("<?echo $url;?>","","<?echo $parametros;?>")
</script>
<?

}

Saludos

Andrés González Tenorio

28/9/2006
Sobre el ultimo comentario del compañero David Girona sobre la forma adecuada de abrir ventanas es magnifico solo tiene una pequeña falla.

El mismo funciona excelentemente para html puro, pero no asi cuando se utiliza jsp pues abre la ventana y por unos segundos da la impresion de que paso un error y luego carga la pagina correctamente.

Se que la forma funciona pero el cliente que use una aplicación web y que note dicho cambio podria preocuparse pensando que hay una falla en la aplicación y causarnos un monton de problemas por dicha impresión erronea que se puede llevar el cliente.

En tal caso el problema se soluciona en la función en vez de usar this.src poner la dirección de la página. Se que eso va encontra del objetivo del de este excelente ejemplo pero a menos que alguien tenga una mejor forma de corregir este pequeño inconveniente.

Por lo demas esta pagina es excelente.

Luis

23/3/2007
Oye como puedo hacer que al darle clik a una imagen aparezca la ventana pop-up.

RESPUESTA

Pues simplemente pon un link en la imagen que ejecute el comando javascript para abrir el popup... algo como <a href="javascript:abrir_popup()"><img src=imagen.gif></a>

moroco

16/8/2007
como hago que me salga http://localhost/viaticos/eeeeeeeeey/efectivo.php esta pagina dandole clic a un boton

Alberto G

24/8/2007
Tengo un pequeño problema que no puedo solucionar y es que al abrir una nueva ventana con el script se detiene una pequeña animacion gif que tengo en la ventana principal, alguien me puede decir como puedo solucionar este inconveniente sin la necesidad de agregar la función de actualizar la pagina una vez cerrada la ventana. Desde ya muchas gracias

fer

27/8/2007
Hola estuve leyendo los comentarios pero no encontre respuesta a mi duda, espero puedas sacarmela... quiero abrir un pop up pero necesito q el fondo sea de color negro y no blanco como sale.. q valor tendria q poner? gracias por tu tiempo!

jessica

06/9/2007
Yo kiero abrir más de una ventana secundaria y utilizo el codigo según el articulo de desarrolloweb

Mi intención es que desde la misma pagina principal, clicando a diferentes links (unos 10) se abra una ventana secundaria, y claro, en cada link tengo que poner todo el codigo inicial de javascript y luega la orden ya del link

No hay una manera mas general de hacerlo?

Félix Ángel

10/10/2007
Pregunta:Quisiera saber como es que puedo abrir una ventana secundaria en PHP sobre la cual se llene un listado de registros provenientes de una consulta a una BD, luego selecciono alguno de ellos, y se cierra y el registro lo veo en controles text de mi ventana principal... ese comportamiento lo he visto en asp.net y bueno me falta cancha para poder hacer un ejemplo similar, se utiliza ajax??

daniel avila

18/10/2007
como hago para quitar la barra de herramientas a la pagina que voy a poner como principal, ya que con el window.open puedo poner los atributos en una ventana secundaria

daniel avila

18/10/2007
como hago para quitar la barra de herramientas a la pagina que voy a poner como principal, ya que con el window.open puedo poner los atributos en una ventana secundaria

luis

25/10/2007
como abro esa ventana pero dentro del mismo marco, osea k no sea popup. Graxias

edgar

07/11/2007
tengo un problema y lo comento a continuacion.
tengo una pagina web con la cual abro paginas con el window.open pero una vez que abro una pagina con el window.open, si requiero abrir otra pagina con distintas dimensiones en vez de abrir una pagina nueva me cambia las dimenciones de la que ya esta abieta no se que hacer ayuda por favor!!!

Carlos

06/12/2007
Hola, yo tengo una pagina a la q le doy click en un link y me habre un popup de una lista de nombres, yo quiero q aldarle click en uno de esos nombres me lo lleve a la pagina anterior como lo hago??

javico

18/12/2007
estoy trabajando en asp, utilicé el codigo en javascrip para abrir la ventana, pero como retorno un valor y cerrar la ventana secundaria automaticamente, gracias por responder

alejandro colin

28/12/2007
como puedo abrir una ventana al momento de seleccionar el link de un drop y q me permita modificar el contenido del mismo

tekateko

03/1/2008
mi duda es: quiero que al pinchar un link, me habra una ventana sin herramientas del navegador, ya que solo quiero se muestre la pagina, hecha en su totalidad en Flash; entonces quisiera que alguien me instruyera en ese sentido, no se javascript, pero se que puedo insertar el codigo dentro del archivo html principal, y al pinchar el link, se abra en la misma ventana el documento flash, como les decia, sin herramientas del navegador q interfieran con el tamaño de mi documento flash.
Espero haberme explicado, y les suplico me ayuden, gracias de antemano

juan

20/3/2008
Muchisimas Gracias
Me fue de gran utilidad
la verdad les debo una
graxx

Prometherion

18/9/2008
Hola.
Alguien sabe como puedo hacer el uso de estos scripts en swishmax??
Es decir el mismo script, pero generando en enlace desde un flash de swishmax

Gracias =)

djacedj

08/11/2008
ATENCIÓN!!!!

Los argumentos que se envían NO DEBEN TENER UN VALOR EN MAYÚSCULAS, es decir, si se pone:
window.open(URL,"ventana1","width=120,height=300,scrollbars=NO")

...en IE7 fallará siempre pues no se puede poner "scrollbars=NO" sino "scrollbars=no".

Es importante que lo modifiquéis, me he tirado un buen rato para ver porque leches me funcionaba en Mozilla y no en IE7...

Aprovecho también para felicitaros por la web, para mí es mi mejor libro de consulta desde unos años!!! Un saludo.

Karla

22/1/2009
Hola! Alguien me podria dar una idea de como crear una ventana con información que se encuentra almacenada en una base de datos. Esto es que un usuario guarde avisos en una pagina de captura, los guarde en una base de datos y despues mediante una casilla pueda tomar esta información y volverla una ventana.
Gracias!

Karla

22/1/2009
Hola! Alguien me podria dar una idea de como crear una ventana con información que se encuentra almacenada en una base de datos. Esto es que un usuario guarde avisos en una pagina de captura, los guarde en una base de datos y despues mediante una casilla pueda tomar esta información y volverla una ventana.
Gracias!

JoseM

05/2/2009
Muchas gracias por las explicaciones, me han servido para continuar adelante con mi desarrollo web.

Felicitaciones

Jorge

10/2/2009
Por que al dar clic en "Pincha en este enlace para abrir la ventana secundaria " no me bloquea mi explorer la pagina pero al darle clic en el boton si lo hace..Luego ambas formas no son popups???

whatthefuck

19/3/2009
Hola, una pregunta:
En vez de abrir simplemente una ventana, quiero definirla de modo:
var logon_win = window.open(url,',');

En mi sitio pulso un boton del tipo input para abrir esa ventana, ese boton llama la funcion hts_logon(), la cual abre la ventana en cuestion y escribe en ella un pequeño form.
pero el problema surge cuano quiero cerrar la ventana, por ejemplo:
logon_win.close();
al ejecutarlo me da error: objeto no definido, y claro, porque estoy definiendo la ventana dentro de una funcion? lo estoy haciendo local? supongo...
¿como puedo definir una ventana (o varias) a nivel global y despues abrirlas, cerrarlas y manipularlas como yo quiera?

Luis

26/4/2009
funcion window.open
hola buen dia a todos quisiera saber si la función windows open puede funcionar sobre una ventana primaria , es decir que en el codigo voy a poner el script para que me abra la primera ventana al tamaño deseado y no que me habra una ventanalasegunda al tamaño deseado..... ???? gracias

Mayra

18/5/2009
ayuda
Hola, necesito su ayuda, tengo una pagina que necesito accesar con una contraseña y un numero de usuario ya tengo las paginas el problema es que no se como validar ese usuario y esa contraseña supongo que es mediante una base de datos, pero comovalido esa informacion en el código para que me de acceso a la pagina que quiero accesar y que neceito proteger con un usuario y contraseña ? ojala pudieran ayudarme.

gracias

Agnes

02/6/2009
abrir nueva ventana
function abrir_ventana(img, tamany, titulo)
{

var propiedades=tamany+"scrollbars=no,resizable=no,directories=no,location=no,menubar=no,status=no"

var ventana=window.open("","",propiedades);



ventana.document.write("<head><title>"+titulo+"</title></head><script language='JavaScript' src ='../../funciones.js'> </script>"
+"<body bgcolor='#000000' vlink='#ffffff' alink='#ffffff' link='#ffffff' style='margin-top:0' style='margin-left:0'>"
+"<a href=# onClick='window.close()'><img src="+img+" height='"+alto+"' width='"+ancho+"'></a>"
+"</body>");
ventana.focus();
}


Tengo este codigo y lo que quiero es abrir una nueva ventana con una imagen q paso a la funcion pero no consigo quitar los menus de la nueva ventana y supongo que es porque escribo una nuevo body y eso me machaca las propiedades de la funcion windows.open, hay alguna manera de abrir ventanas sin tener q poner url y q los menus no salgan?

conocuica

06/6/2009
No mostrar el URL en un POP PUT que muestra un pdf
Esto es muy interesante y lo he practicado bastante pero lo que no puedo hasta el momento es bloquear la URL les detallo.

Desde un link muestro un PDF dentro de un pop put con el siguiente codigo:

Page.RegisterStartupScript("script", "<script>window.open('Preview/" & CStr(gridimprime.SelectedRow.Cells.Item(3).Text) & ".pdf ','cal','width=550,height=400,left=270,top=180,menubar=no,toolbar=no,location=no,directories=no,Status=no,Titlebar=no')</script>")

y no hay problema pero lo que no quiero es que me muestre la ruta donde guardo los PDF ni el nombre, como pueden ver ya bloque todos los herramientas pero no logro bloquear la URL a ver quien me puede ayudar se lo agradeceria muchisimo.

Saludos,
y Sigan practicando.

fredusca

29/6/2009
consulta
quisiera concegir un escrip q. no muestre la varra de direcciones es para una pagina q. accede a unos linck de descarga de archivos lo q. susede q. no tengo php es hostin gratis : y alomejor con algun escrip lo podria lograr muy bien muchas gracias

joaquin

29/6/2009
muy dificil de entender
No se que mkierda dirás pero no ayudas nada

daniel

02/7/2009
aqui hay un codigo que puede ayudar
<input type="buttom" value="TEXTO AQUI" onclick="alert('TEXTO AQUI')
lo que creamos fue un boton que abre una ventana

Julián

06/8/2009
Cómo abrir varias veces la misma ventana?
Buenas, pues eso, que quisiera saber si es posible abrir varias veces la misma ventana, ya con este ejemplo, si pincho varias veces sobre el botón, como mucho tengo abierta una ventana.

Muchas gracias y un saludo!

Juanes81

08/8/2009
Varios Popup con el mismo boton
Como puedo hacer para que se abra varias veces el mismo popup ? el problema es que cuando abro el primer popup lo hace bien pero si quiero abrirlo de nuevo ya no me deje hacerlo mientras este el primero abirto. Como puedo hacer?

Nacho

13/8/2009
Ventana Secundaria.
Genial la explicación, me sacó de un apuro, no soy diseñador web pero algo he traveseado y tenía la duda de la ventana. Gracias!

Ivan Diaz

05/10/2009
Aproblemado
Hola, tengo una funcion (copiada) que al hacer click en un boton este me muestra una imagen y la ventana se ajusta a las medidas de la imagen.

Pero necesito que ademas se hagan 2 cosas mas.

Primero una funcion que me detecte la extension del archivo, y luego si es un jpg png o gif, se habra la funcion que ya tengo, y si no es ninguna de esas extensiones aparesca el cuadro del navegador que me permite, abrir, guardar o cancelar.

Eso seria, si me pudieran ayudar gracias, pq toy bastante confundido jehje

FANY

19/10/2009
AYUDA EN INCERTAR UNA IMAGEN
HoLa

QuiSieRa q aLgUieN pOrFa M aYuD
TrABAJo N 1 CyBEr, y M PiDierOn HaCer Una PaGiNa WeB
PeRo TenGo PlOblEmAs Con Las ImAgeNes No Las MuEstra solo apArese Un PEqueÑo Recuadro Con UnA Hoja PaRtiDa a la miTadY UtiliCe Este Codigo No Se En Que Esta Mal
<IMG src="Mis documentosimagenesPRINCIPAL.gif">

ya ConSuLte eN oTrAS pAgINaS pERO APARESE el Mismo cOdigO
y El NomBre TanTo D La CarPeta Como De La imagen EstAn Bien

juanchin

21/11/2009
JavaScript + php + BD
Hola! Alguien me podria dar una idea de como crear una ventana con información que se encuentra almacenada en una base de datos. Esto es que un usuario guarde avisos en una pagina de captura, los guarde en una base de datos y despues mediante una casilla pueda tomar esta información y volverla una ventana.
Gracias!

Alguien publico estoo...mi problema es parecido..
Necesito un buscador q me recupere de la base de datos lo q kiero buscar obviamente pero necesito hacerlo con php como podria hacerlo? muchas gracias de ante mano :D

Martin

06/1/2010
Un poco mas facil?
Buenisimo el aporte... me gustaria agregar algo para hacerlo más simple...
Seria mejor, creo, realizar, desde dreamweaver, un nuevo archivo javascript, y meter dentro el codigo:
function ventanaSecundaria (URL){
window.open(URL,"ventana1","width=120,height=300,scrollbars=NO")
}

llamarlo desde el html de la siguiente manera:
entre las etiquetas head, poner
<script type="text/javascript" src="el nombre y ruta del archivo javascript que has creado.js"></script>
Paso seguido creamos un html con el contenido que deseamos, y le ponemos un nombre: ej, contenido.html.

luego, solo resta llamarlo desde donde quieras, asi:
<a href="javascript:ventanaSecundaria('contenido.html')"> Pincha en este enlace para abrir la ventana secundaria</a>

De esta manera obviamos el paso:
<a href="javascript:sentencia_javascript_para_abrir_la_ventana">
y logramos que se cargue la funcion desde el inicio de la página, como cualquier otro javascript que implementemos...
me explique bien?
Saludos!

Miguel

18/1/2010
Agraecimiento
gracias por el apunte me fue de mucha utilidad

Gustavo

12/3/2010
Abrir documentos pdf en ventanas secundarias
soy nuevo en esto, pero quiero saber como sería el código a utilizar para abrir en una ventana secundaria un archivo pdf. Yo por lo pronto usando dreamweaver, conectaba un vínculo entre un texto y una imagen al archivo que tengo en mi servidor de web para que se pueda visualizar, el tema es que está disponible la barra de herramientas del explorador. Para evitar esto se me ocurrió utilizar esta ventaja, incorporando además las sentencias para que cuando abra la pantalla nueva no ponga la barra de herramientas, pero el punto es que no se como insertarla dentro del código. Es posible que me den una mano.
A modo de referencia el código que yo tengo inserto es este:
<TABLE>
<TBODY>
<TR>
<TD onmouseover="mOvr(this,'#66FF33');"
style="BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; BORDER-LEFT: rgb(0,0,0) 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#DADADA');"
vAlign=center width=120 bgColor=#dadada height=1><A
style="COLOR: rgb(0,0,0); TEXT-DECORATION: none"
href="Explica%20en%20Web.swf"><FONT
face=Verdana size=2><strong>Manual <img src="lupa.gif" width="20" height="20"> </strong></FONT></A></TD>
</TR>
<TR>
<TD onmouseover="mOvr(this,'#66FF33');"
style="BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; BORDER-LEFT: rgb(0,0,0) 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(0,0,0) 1px solid"
onclick=mClk(this); onmouseout="mOut(this,'#DADADA');"
vAlign=center width=120 bgColor=#dadada height=1><A
style="COLOR: rgb(0,0,0); TEXT-DECORATION: none"
href="UBA%20XXI_Unidad%201_web.pdf"><FONT
face=Verdana size=2><strong>Unidad 1 </strong></FONT></A><a href="UBA%20XXI_Unidad%201_web.pdf"><img src="lupa.gif" width="20" height="20" border="0"></a></TD>
</TR>

Desde ya muchas gracias. Gustavo

jonas

18/4/2010
desafio, como abrir una ventanita, sólo con el recuadro, sin barras
hola,

Aprovecho de saludar a desarrolloweb, ..para efectos de diseño, estoy buscando
la forma de construir una ventana secundaria, pero sin ninguna barra, sólo el
recuadro, yo lo he visto por ahi, no recuerdo donde.

el punto es que, statusbar=no, insiste en no resultarme, ni en explorer 8 ni en el
7 ni en el 6.

a ver si existe la forma. desde ya agradecido de poder tomar contacto,

suerte a todos.


jonas

Philip

05/5/2010
Pagina ASPX
Hola a Todos,
Mi pregunta es "Este ejemplo funciona para paginas aspx o solo html?

Saludos

LUISRGZV

13/5/2010
Muy buen artìculo
Tengo años recurriendo a los artículos y tutoriales de DESARROLLOWEB he creado muchas web con su ayuda y ahora estoy teniendo exito gracias al desarrollo web, es increíble, saludos y este artículo de como abrir nuevas ventanas con tamaño específico es muy sencillo y resulta, aunque no esta de más ahondar en la ciencia.

Prueba

13/5/2010
Hola
Response.Redirect('www.as.com');

Jose

07/7/2010
Un nuevo reto: porcentaje de aumento al abrir la ventana
Se como abrir una nueva ventana, el tamaño, scroll, etc., pero ahora en los nuevos navegadores tambien se puede decir a que porcentaje quieres que se vea el contenido, 100%, 50%, 150%, etc. Pues esa es mi pregunta. Al abrir la ventana como puedo hacer para que en vez de abirse al 100% (por defecto) se abra al 125% o al 150%
Gracias

kiosera

27/7/2010
Ventanas secundarias bloqueadas por los navegadores
Buen día Miguel,

Estoy usando este código para abrir una ventana emergente o secundaria automáticamente:

<script language=javascript>
function ventanaSecundaria (URL){
window.open(URL,"ventana1","width=120,height=300,scrollbars=NO")
}

ventanaSecundaria("http://www.desarrolloweb.com");
</script>

Sin embargo, los navegadores evitan el acceso por el control que tienen de bloqueo de ventanas emergentes. Tenés algún código adicional de javascript que permita saltarse ese bloqueo de los navegadores?

Desde ya muchas gracias por tu respuesta.

Cordial saludo.

manuel_garcia_ch

19/8/2010
ventanas
hola:
He visto que es posible abrir una ventana de forma automática.
¿Es posible simultaneamente cerrar la página encargada de abrir esta segunda con mozilla?
En explorer funciona (adjunto el código) pero manda un mensaje de aviso.
¿Se puede evitar ese mensaje?
Un saludo


El codigo que he usado es:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language=javascript>
function ventanaSecundaria (URL)
{
window.open(URL,"V1","menubar=no,titlebar=no,toolbar=no,location=no,status=no,directories=no,fullscreen")
}

ventanaSecundaria("index.php");
window.close();
</script>
</head>
<body>
</body>
</html>

Jorgenet

14/9/2010
¡Muchas Gracias!
Necesitaba saber como hacer eso para un enlace a un ojeto flash que debía abrirse en una ventana aparte y que debía tener dimensiones específicas.

Agradecido: Jorgenet.

obdc

08/10/2010
resize
Como se le puede hacer para que en firefox y en chrome acepte el resize en falso o nulo, porque no ejecuta esta acción incluso cambiando los parametros del mismo firefox, simplemente no corre.

roman villarreal

07/1/2011
duda sobre ventanas
hola amigos, tengo una duda respecto a este articulo, espero puedan ayudarme, de ante mano gracias

en php para transmitir variables de una ventanan a otra uso el prefijo ? la variable y el valor a asignar, es decir.

header("Location: altas_1.php?curp=$_POST[curp]");

de esta forma con el prefijo & puedo ligar varias variables para transmitirlas a la nueva hoja.

en javascript use open.window de la siguiente manera
echo "
<script language='JavaScript'>
alert("acaba de iniciar una busqueda.");

window.open('queryr.phtml?equip=$_GET[equip]$_GET[sect]$_GET[caleu]$_GET[caled]$_GET[colon]$_GET[deleg]$_GET[descri]$_GET[mediin]$_GET[medfi]$_GET[medlon]$_GET[corx]$_GET[cory]$_GET[diain]$_GET[diafi]$_GET[longi]');

</script>";

el problema es que define a la variable equip el valor de todas las demas... m i pregunta es... que debo de hacer para obtener una equivalente al & de php y poder asignar a varias variables varios valores????

alguien sabe???
pueden ayudarme????

gracias por su apoyo

jou

23/1/2011
ventanas secundarios en php
Hola buenas, tengo una pagina que cuando doy click en la lupa me muestra la imagen en una nueva ventana ocultando la barra de estado, menusm title, etc de la pagina. utilizo este codigo , pero no logro hacerlo en php.

<script type="text/javascript">
window.open("http://http://localhost/WEB_CSDv5/demodet.php","_blank","toolbar=NO, titlebar=no, location=no, directories=no, status=no, menubar=NO, scrollbars=NO, resizable=no, copyhistory=NO, width=300, height=400");
</script>

este es el enlace que tendria que pasar, pero no se como hacerlo:
<a href="demodet.php?id_regalo=<?php echo $row_list_regalos['id_reg']; ?>" target="_blank"><img src="css/image/lupa2.png" style="max-height:15px"/></a>

alguien me puede ayudar por favor. gracias





















<a href=http://www.freedownloadgames.name/ >free games online</a>

Lily

21/3/2011
urgente
Boke y donde se ponen esos codigos? quiero que se abra una ventana aparte (pequeña) cuando se envie un formulario y que diga: Gracias nos pondremos en contacto con usted.

ibanete

08/6/2011
abrir pagina desde el escritorio
yo quiero abrir la pagina principal de mi aplicacion web desde un icono o un boton en el escritorio, como si fuera una aplicacion de windows normal como lo hago?

andrei

15/9/2011
Pagina con busqueda interna
Hola, quisiera saber si me pueden ayudar, estoy creando un site muy sencillo, pero quisiera realizar una busqueda interna donde mediante una palabra clave insertada me cargue automaticamente archivos bien sea avi, jpg, 3gp, mwv etc. sin necesidad de abrir una ventanda con resultados, si no que cargue automaticamente el archivo. podrian ayudarme con el codigo?? please!!!!!

Bernardo

27/2/2012
Abrir ventana nueva sin efecto zoom
Hola,
Ya se que este post es bastante antiguo, pero de todas formas, lanzo mi pregunta, a ver si alguien conoce la respuesta:

Cuando tengo una pagina web y le doy a Ctrl ++ varias veces, amplio el contenido de la pagina. Y cuando con javascript solicito abrir una ventana nueva, me lo hace respetando el zoom que ya he adquirido en la pagina actual.
Mi pregunta es si hay alguna forma de abrir una ventana nueva desde una pagina que está ampliada o disminuida con Ctrl ++ o Ctrl +-, eliminando ese zoom y visualizandola en modo normal.

Muchas gracias

asis

31/8/2012
window.open con setTimeout
hola, por favor, se puede utilizar window.open con setTimeout?
quiero abris varias webs al con la función window.open pero que tarden unos 5 segundos entre las aperturas. tengo este script y funciona pero, como no entiendo mucho, no se implementar lo del setTimeout:
<script language="JavaScript">
function link()
{
window.open('http://www.web1.com');
window.open('http://www.web2.com');
window.open('http://www.web3.com/');
}
</script>
¿me podéis ayudar?
gracias
Asis

Renzo

19/2/2013
windows.open()
Buenas, tengo un detalle con un evento windows.open(), el cual trabajo con esta linea:
window.open(URL,'Ingrese su terreno','height=850,width=650,toolbar=no,directories=no,menubar=no,scrollbars=no,resizable=no');
hasta ahi no tengo problema pues me habre la ventana modal sin inconvenientes, el detalle es q cada vez que cierro esa ventana modal
la pagina anterior(padre) se recarga, perdiendo asi todo lo ya introducido, que creen que pueda hacer para detener el recargado de esta pagina

felipe

27/8/2013
quitar url de la pestaña
quisiera saber como es posible quitar la direccion url de la pestaña del popup, lo intente con menubar, titlebar, location, directories, pero al momento de quitar la url del la barra aparece como titulo de pestaña y no quiero que se vea. atento a sus comentarios gracias.

esbva

13/9/2013
Como Centrar la Ventana Popoup, con respecto a la ventana padre
Hola a todos, me funciona perfectamente el codigo, pero necesito saber como centrar el tamaño de la ventana secundaria con respecto a la ventana padre, seria: algo como:

WinHijo.Top = (WinPadre.Ancho - WinHijo.Ancho) / 2
WinHijo.left = (WinPadre.Alto - WinHijo.Alto) / 2

pero lo que no se es de donde puedo sacar las variables de WinPadre e WinHijo , gracias !!!

aEYZNnDGj

20/10/2013
9a6dly297wem
into cash on the web.yet another solid way to earn money onlnie is by using the popular ebay site to sell all kinds of stuff. the ebay auctions have helped many people all over the world to earn a steady income putting up all kinds of items for

Alejandro

04/11/2013
popup JQUery
Señores, anduve buscando un popup que fuera lo mas genial posible y facil de aplicar
encontre esto

http://orangoo.com/labs/GreyBox/Download/

saludos

Diego

11/8/2014
Imagen Emergente
buenas a todos, quisiera saber como puedo colocar una imagen de "Cargando" que dure 5 segundos en la pagina y despues se desaparezca? osea, la intencion es indicar al usuario que espere y que luego que carge ya puede empezar. Gracias de antemano.

Josema

07/11/2014
Me has salvado la vida!!
Muy bien explicado, de lo mejor que he encontrado en la web, me has ayudado muchisimo y de la manera mas fácil.
Directo a favoritos!