5/11/2018 Windows Open - slidepdf.com

http://slidepdf.com/reader/full/windows-open 1/4

 

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 unoy 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 implementanusando 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 Javascripthace lo mismo en la ventana original, ADEMÁS de abrir la ventana. Y sólo queremosabrir 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 estecaso 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">

Aquí hay una tabla con los parámetros de window.open. Si tiene Javascript activado,debería abrirse en otra ventana.

5/11/2018 Windows Open - slidepdf.com

http://slidepdf.com/reader/full/windows-open 2/4

 

Esto fue tomado de la Referencia Client-Side de Javascript de Netscape. Lo puse aquí porque ya alguien buscó por 'params' en mi sitio. Se omitieron las características'seguras' (las que deben ser activadas en scripts firmados), porque pocos firman susfunciones Javascript; visite el sitio original para acceder a esa información.

open('URL','nombre_ventana','características');

Tabla de caracteristicas para una nueva ventana:

Característica Descripción

dependent: (Javascript 1.2) Si es 'yes', crea una nueva ventana como un hijo de laventana actual. Una ventana dependiente se cierra cuando su ventanamadre se cierra. En la plataforma Windows, una ventana dependienteno se muestra en la barra de tareas.

directories: Si es 'yes', crea los botones de directorio comunes.height: (Javascript 1.0 y 1.1) Especifica la altura de la ventana en pixeles.hotkeys: (Javascript 1.2) Si 'no' (o 0), desactiva la mayoría de las teclas rápidas

en una ventana que no tiene barra de menú. Las teclas rápidas deseguridad y de salir siguen activadas.

location: Si es 'yes', crea un campo de entrada de dirección (URL).menubar: Si es 'yes', crea el menú en la parte de arriba de la ventana.personalbar: (Javascript 1.2) Si es 'yes', crea la barra personal, que despliega los

 botones desde la carpeta de la barra personal de los marcadores.resizable: Si es 'yes', permite al usuario cambiar de tamaño la ventana.

scrollbars: Si es 'yes', crea barras de desplazamiento horizontales y verticalescuando el documento crece más grande que las dimensiones de laventana.

status: Si es 'yes', crea la barra de estado en la parte de abajo de la ventana.toolbar: Si es 'yes', crea la barra de navegación estándar, con botones como

'Atrás' y 'Adelante'.width: (Javascript 1.0 y 1.1) Especifica el ancho de la ventana en pixels.

Cerrar/Salir 

5/11/2018 Windows Open - slidepdf.com

http://slidepdf.com/reader/full/windows-open 3/4

 

http://foros.solocodigo.com/viewtopic.php?f=33&t=32180#p119508

Window.open()

 por Edo » Mar Oct 23, 2007 2:33 pm

Hola chicos de SoloCodigo, estoy utilizando la función window.open para abrir unaventana entregandole un parametro, el problema es que necesito pasarle 4 parametros,

 pero cuando agrego estos parametros no me funciona, coloco la función y el formularioque estoy usando.<!--html--></div><table border='0' align='center' width='95%' cellpadding='3'cellspacing='1'><tr><td>HTML </td></tr><tr><td id='CODE'><!--html1--><!--ENTRE <[color=blue]head> Y </head> !--[/color]><script languaje="JavaScript">function AbreVentana(texto)

{//captura2.php?tipo=$tipo&nombre=$nombre&id=$id&rutero=$ruterowindow.open("captura2.php?rutero=" + texto, "_self","toolbar=yes,menubar=yes,directories=yes,status=yes,resizable=no,location=yes,scrollbars=yes")}</script><!-- DENTRO DEL <[color=blue]body> !--[/color]><form name="frmrutero" method=" post"><input type="text" name="rutero" value="Consultar Rutero"onfocus="if(this.value=='Consultar Rutero') this.value='';" onblur="if(this.value=='')this.value='Consultar Rutero';"><input type=" button" name="rute" value="Consultar " class=" button"

onClick="AbreVentana(frmrutero.rutero.value)"></form><!--html2--></td></tr></table><div class='postcolor'><!--html3-->Si trato de colocar más parametros en AbreVentana(var1,var2,var3) y la utilizo dentrode window.open("captura2.php?rutero=" + var1 + "&tipo=" + var2 + "&origen=" +var3) bueno etc, no junciona, al despichar el botón se queda sin hacer nada, hay algunaforma de utilizar esta fúnción con varios parametros.

Gracias Chao.

[color=blue] programacion,c,c++,C#,  java,linux,video juegos,directX,.NET,allegro,asm,ABAP,Delphi,PHP,Perl,Python,Visual Basic,XML,Perl,FlashEl pasado son solo recuerdos, el futuro son solo sueños

Edo Gran Colaborador  

5/11/2018 Windows Open - slidepdf.com

http://slidepdf.com/reader/full/windows-open 4/4

 

Mensajes: 2302Registrado: Vie Ago 13, 2004 5:16 pmUbicación: Entre mi mente humana y lo que queda de ella.

• Sitio web• ICQ

Arriba

Re: Window.open()

 por F_Tanori » Mar Oct 23, 2007 8:07 pm

Revisa que error te da javascript

Lo he probado de esta forma y me funciona

Mostrar/Ocultar Número de línea | Expandir/Contraer  | Seleccionar todo

1.

2. <script>

3. function AbreVentana(var1,var2,var3)

4. {

5. window.open('captura2.php?

&var1='+var1+"&var2="+var2+"&var3="+var3,'wPopup','too

lbars=no,scrollbars=yes,resizable=yes');

6. }

7.

8.

9.

10. </script>

11.

12. <input type="button" name="rute" value="Prueba"

class="button"

onClick="AbreVentana('valor1','valor2','valor3')">