Anda di halaman 1dari 8

Cmo crear un Pop-Up en JavaScript

Aqu os traigo un pequeo tip sobre como crear un Pop-Up en JavaScript.


Tambin os explico algunas de sus variantes, espero que os ayude a
todos. No coloco todas las variantes aqu, solo unas cuantas, mas adelante
pondr mas.

El Pop-Up
El codigo del Pop-Up es el siguiente:
Cdigo:

Cdigo :

<script>
window.open("http://www.foroinformaticos.com","","width=550,height=420")
</script>

Pruebenlo.
Recordatorio: Desactivar "Bloquear ventana emergente".
Los scripts hay que ponerlos entre las etiquetas <script></script>, recuerden esto para
siempre

En el Pop-Up (ventana secundaria) puede tener varias variaciones. Una puede ser la de
ponerle la barra de desplazamiento:

La barra de desplazamiento
Ahora viene la pregunta, Como se colocan esas barras de desplazamiento? Muy
sencillo. Solo teneis que aadir despues de height y separando con una coma:
Cdigo:

Cdigo :

scrollbars=yes
o
scrollbars=1

Informacin: 1= Si - 0= No
Entonces, quedara as:
Cdigo:

Cdigo :

<script>
window.open("http://www.foroinformaticos.com","","width=550,height=420,scrollbars=yes")
</script>

o as:

Cdigo :

<script>
window.open("http://cristalab.com","","width=550,height=420,s
crollbars=1")
</script>

Pruebenlo.
<i>Recordatorio: Desactivar "ventana emergente"</i>.

La barra de estado
Tambin le podeis agregar la barra de estado, solamente aadiendo esto:
Cdigo:

Cdigo :

menubar=yes

Cdigo :

menubar=1

Recuerden, si quereis que no tenga el menubar, no hace falta que se lo pongais

Quedara as:
Cdigo:

Cdigo :

<script>
window.open("http://cristalab.com","","width=550,height=420,m
enubar=yes,scrollbars=yes")
</script>

Pruebenlo
Recordatorio: Desactivar "ventana emergente".
Qu os parece? Os ha gustado? Os ha servido? Alguna duda? Si es as,
preguntadla.
En realidad, un Pop-Up suele ser una ventana sin nada o con el minimo, pero ustedes
pueden buscar mas atributos que se le puedan atribuir a este sencillo codigo, venga,
animense

Espero que os haiga gustado.


Puede que mas adelante publique mas de mis cosillas

Saludos
http://www.cristalab.com/tutoriales/como-crear-un-pop-up-en-javascriptc69825l/

Popup que carga al entrar, ingresar a la pgina

Popup al entrar a una pgina, aparece cuando ingresas a una pgina. Ventana al
entrar.

Ejemplo del Script


Ver el popup que aparece al cargar esta pgina

<script language="JavaScript" type="text/javascript">


function Abrir_ventana (pagina) {
var
opciones="toolbar=no,location=no,directories=no,status=no,menubar=no,scr
ollbars=no,resizable=yes,width=300,height=300,top=85,left=140";
window.open(pagina,"",opciones);
}
</script>

Debes copiar el cdigo, modificarlo a tu gusto e insertarlo dentro de las etiquetas:


<head> aqui pegas el script </head>
El inicio de la etiqueta body queda as:
<body onload="Abrir_ventana('popup_ejemplo.htm')">

pop up Javascript + PHP


Estas en el tema de pop up Javascript + PHP en el foro de PHP en Foros del Web. Hola, En las
Faqs de Javascript encontr este cdigo para hacer saltar un pop-up con dos opciones "Aceptar"
y "Cancelar": Cdigo HTML: <html> <head> <script ...

Hola,
En las Faqs de Javascript encontr este cdigo para hacer saltar un pop-up con dos opciones "Aceptar" y

"Cancelar":
Cdigo HTML:

<html>
<head>
<script language="Javascript">
function preguntar(){
confirmar=confirm("Eres mayor de edad?");
if (confirmar)
//Aqu pones lo que quieras si da a Aceptar
alert('Diste a Aceptar')
else
//Aqu pones lo que quieras Cancelar
alert('Diste a Cancelar')
}
</script>
</head>
<body>
<a href="java script:preguntar()">Cuidao que muerdo</a>
</body>
</html>
Como puedo hacer para que al darle aceptar me ejecute un codigo php especifico y al darle a cancelar se
cierre dicho pop-up sin hacer nada?
Gracias por vuestra ayuda! (y feliz Navidad!!!)

#2 (permalink)
20/12/2005, 02:54

JavierB
Moderata

Hola oscar78
Prueba esto:

Cdigo PHP:

function preguntar(){
if (confirm("Eres mayor de edad?"))
location='tupagina.php';
else
window.close();
}
Saludos,
__________________
Lee las Polticas del Foro y escribe correctamente.
#3 (permalink)

Fecha de Ingreso: febrero-2002


Ubicacin: Madrid
Mensajes: 25.055
Antigedad: 12 aos, 3 meses
Puntos: 764

21/12/2005, 05:21

oscar78

Fecha de Ingreso: mayo-2005


Mensajes: 26
Antigedad: 9 aos
Puntos: 0

no acabo de ver claro com aplicar ese codigo, ya que cuando me salta el popup javascript, cuando le doy a
cancelar me ejecuta lo mismo que si le doy a aceptar.
Me puedes echar una mano, por favor?
Gracias!

http://www.forosdelweb.com/f18/pop-up-javascript-php-358559/

Lanzar Pop-Up o ventana emergente desde un


enlace
La forma de abrir un Pop-up o ventana emergente es usando el parmetro onClic para
que de una forma transparente los buscadores sigan el vnculo, podremos establecer
mediante Width y height el ancho y el alto del Pop-up cuando este se abra.
Esto funciona con la mayora de los navegadores:

<a href="/index.htm" target="popup"


onClick="window.open(this.href, this.target,
'width=350,height=420'); return false;">Enlace Pop-up</a>

Pop ups en JavaScript


Al iniciar este breve tutorial, debemos hacer la advertencia de que existe ms de una forma de
hacer que se abra una ventana pop up con JavaScript, pero que solo existe una forma
correcta y es la que describiremos. Pero tambin mostraremos los siguientes cdigos que no
son correctos, y explicaremos las razones por las que consideramos que no es bueno
emplearlos:
?

<a href="#"

onClick="window.open('http://www.lawebera.es','popup', 'width=400px,height=400px')">

Enlace a lawebera.es

</a>

<a href="javascript:window.open('http://www.lawebera.es','popup','width=400px,height=

Enlace a lawebera.es

</a>

Alerta aceptar cancelar


Funcin javascript para crear una alerta con dos opciones: aceptar y cancelar, y en funcin de lo
que seleccionemos haremos una u otra cosa.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
1.

<script language="Javascript">
function confirmar(){
confirmar=confirm("Te gusta nuestra web?");
if (confirmar)
// si pulsamos en aceptar
alert('Has dicho que si');
else
// si pulsamos en cancelar
alert('Has dicho que no');
}
</script>
<a href="javascript:confirmar()">pulsar</a>

Ejemplo:
pulsar

http://www.leonpurpura.com/tutoriales/alerta-aceptar-cancelar.html

Anda mungkin juga menyukai