Upload
rosendo-tapia
View
214
Download
1
Embed Size (px)
DESCRIPTION
Como crear un pop...
Citation preview
Cómo crear un Pop-Up en JavaScript
Aquí os traigo un pequeño tip sobre como crear un Pop-Up en JavaScript.
También 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:Código:
Código :
<script>
window.open("http://www.foro-
informaticos.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 añadir despues de height y separando con una coma:
Código:
Código :
scrollbars=yes
o
scrollbars=1
Información: 1= Si - 0= No
Entonces, quedaría así:
Código:
Código :
<script>
window.open("http://www.foro-
informaticos.com","","width=550,height=420,scrollbars=yes")
</script>
o así:
Código :
<script>
window.open("http://
cristalab.com","","width=550,height=420,scrollbars=1")
</script>
Pruebenlo.<i>Recordatorio: Desactivar "ventana emergente"</i>.
La barra de estado
También le podeis agregar la barra de estado, solamente añadiendo esto:
Código:
Código :
menubar=yes
o
Código :
menubar=1
Recuerden, si quereis que no tenga el menubar, no hace falta que se lo pongais .
Quedaría así:
Código:
Código :
<script>
window.open("http://
cristalab.com
","","width=550,height=420,menubar=yes,scrollbars=yes")
</script>
PruebenloRecordatorio: 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-javascript-c69825l/
Popup que carga al entrar, ingresar a la página
Popup al entrar a una página, aparece cuando ingresas a una página. Ventana al entrar.
Ejemplo del Script
Ver el popup que aparece al cargar esta página
<script language="JavaScript" type="text/javascript">
function Abrir_ventana (pagina) {
var opciones="toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=300,height=300,top=85,left=140";
window.open(pagina,"",opciones);
}
</script>
Debes copiar el código, 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 + PHPEstas 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 código para hacer saltar un pop-up con dos opciones "Aceptar" y "Cancelar": Código HTML: <html> <head> <script ...
Hola,
En las Faqs de Javascript encontré este código para hacer saltar un pop-up con dos opciones "Aceptar" y "Cancelar":Código HTML:
<html><head><script language="Javascript">
function preguntar(){confirmar=confirm("¿Eres mayor de edad?");if (confirmar)//Aquí pones lo que quieras si da a Aceptaralert('Diste a Aceptar')else//Aquí pones lo que quieras Cancelaralert('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
JavierBModerata
Fecha de Ingreso: febrero-2002Ubicación: MadridMensajes: 25.055Antigüedad: 12 años, 3 mesesPuntos: 764
Hola oscar78
Prueba esto:Código PHP:function preguntar(){if (confirm("¿Eres mayor de edad?")) location='tupagina.php';else window.close();}
Saludos, __________________Lee las Políticas del Foro y escribe correctamente.
#3 (permalink)
21/12/2005, 05:21
oscar78Fecha de Ingreso: mayo-2005Mensajes: 26Antigüedad: 9 añosPuntos: 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 enlaceLa forma de abrir un Pop-up o ventana emergente es usando el parámetro onClic para
que de una forma transparente los buscadores sigan el vínculo, podremos establecer
mediante Width y height el ancho y el alto del Pop-up cuando este se abra.
Esto funciona con la mayoría 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 JavaScriptAl iniciar este breve tutorial, debemos hacer la advertencia de que existe más 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 también mostraremos los siguientes códigos que no
son correctos, y explicaremos las razones por las que consideramos que no es bueno
emplearlos:
?
1
2
3
<a href="#"
onClick="window.open('http://www.lawebera.es','popup', 'width=400px,height=400px')">
Enlace a lawebera.es
</a>
4
?
1
2
3
<a href="javascript:window.open('http://www.lawebera.es','popup','width=400px,height=400px');">
Enlace a lawebera.es
</a>
Alerta aceptar cancelarFunción javascript para crear una alerta con dos opciones: aceptar y cancelar, y en función de lo
que seleccionemos haremos una u otra cosa.
1. <script language="Javascript"> 2. function confirmar(){ 3. confirmar=confirm("¿Te gusta nuestra web?"); 4. if (confirmar) 5. // si pulsamos en aceptar6. alert('Has dicho que si');7. else 8. // si pulsamos en cancelar9. alert('Has dicho que no'); 10.} 11.</script>1. <a href="javascript:confirmar()">pulsar</a>
Ejemplo:
pulsar
http://www.leonpurpura.com/tutoriales/alerta-aceptar-cancelar.html