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>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
Por Jordifreek el 15 de Marzo de 2009
<script>
function abrirVentana() {
// codigo popUp
}
</script>
Y hacer la llamada desde un enlace del siguiente modo:
<a href="link.html" target="_blank" onclick="abrirVentana(); return false;">Abrir Ventana</a>
De este modo si el navegador no tuviera avtivado javascript, abriría la pagina en una nueva ventana (no popup).
En resumen una forma más accesible de utilizar los popups
Saludos
Por ramatis4620 el 16 de Marzo de 2009
Saludos
Por Atomik el 17 de Marzo de 2009
Buen tip igualmente.
Por jomari el 28 de Mayo de 2009
Ahora lo que yo queiro es quitar las barras y dejar solamente la barra de estado como agrego? si el tu has puesto no me funcionan..
gracias por tu respuesta
Mira, para la barra de estado solamente habría que agregar esto:
Código :
Espero que se te solucione.
Saludos
Por david el 08 de Junio de 2009
gracias
[code]<script languaje="javascript">
self.blur()
</script>[code]
Saludos
Por javierxifre@telefoni el 10 de Septiembre de 2009
javierxifre@telefonica.ne :
¿Desactivar el qué? ¿Los Pop-Ups?
Si es eso, pues es simple.
Lo siguiente vale si tienes Firefox, vas a Herramientas/Opciones/Contenido/Y pulsas bloquear ventanas emergentes.
Además de esto, también creo que hay extensiones que podrás instalar en tu Firefox.
Saludos y suerte.
Por bolivar el 07 de Febrero de 2010
Por 123 el 19 de Marzo de 2010
Por Ular el 07 de Octubre de 2011
El codigo:
<HEAD>
</HEAD>
<BODY>
<p><span class="Estilo22">Usuarios Registrados</span></p>
<p><font size="1"><span class="Estilo21"><FONT Times New Roman, Times, serif>USUARIO</FONT></span>
<input type="text" name="usario_usr" value="" size="15" maxlength="10">
</A></font>
</p>
</p>
<p align="left" class="Estilo12"><font size="1"><span class="Estilo17"><FONT Times New Roman, Times, serif>PASSWORD</FONT> </span>
<input NAME="pass_usr" type="password" value="" size="15" maxlength="10">
<!--Boton de entrar -->
<SCRIPT>
function abrirurl_web2(){
var url_web2= "https://www.pepitoperez.es:2044/cmgtweb5/WFInvocation.do?inv=INV1&turnCacheOff=1208445437875&userid="+usario_usr.value+"&password="+pass_usr.value;
var opc_ventana="Titlebar=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=1000,height=800,top=50,left=50";
// var opc_ventana="toolbar=yes,location=no,directories=no,status=no,menubar=yes,scrollbars=yes,resizable=yes,top=50,left=50";
// w_url_web2.document.write(url_web2,"<TITLE>Suministros Indagro S.L..</TITLE>",opc_ventana);
w_url_web2=window.open(url_web2,"ventana_main",opc_ventana);
}
</SCRIPT>
</font></p>
<p align="left" class="Estilo12"><font size="1">
<input name="BUTTON" type=BUTTON value="Login" onClick="abrirurl_web2()">
</font></p>
</BODY>
</HTML>
Por Jempo el 21 de Octubre de 2011