Con Javascript podemos pedirle al navegador que
abra una nueva ventana, con características que nosotros indiquemos.
Esto es muy útil, sobre todo si tenemos una página y no queremos que el usuario
modifique su visualización al cambiar el tamaño de la ventana.
Para abrir una ventana utilizamos el siguiente método
window.open ( )
Pero el código correcto es cómo sigue:
variable = open ( url , target , ' toolbar=yes/no , location=yes/no
, directories=yes/no , status=yes/no ,
menubar=yes/no, scrollbars=yes/no , resizable=yes/no,
width=000 , height=000 ' )
variable
Es el nombre con el cuál harás referencia para futuros procedimientos en
Javascript, como podrían ser resizeTo o moveTo (tutoriales posteriores). Puedes
especificar el nombre que tu desees (sin comillas porque es variable)
open
Es el nombre del método para abrir la nueva ventana
url
Es la dirección la cuál intentará abrir el navegador en la nueva ventana que
estás creando, debe ir entre comillas "http://mipagina"
o sin comillas si es una variable
target
Es el nombre que tendrá la ventana para propositos de enlaces con HTML, al igual que en url
debe de ir entre comillas. Ej. "destino". Ej HTML
<a href="about:blank" target="destino" >www.coma.com</a>
Este enlace se abrirá en la ventana llamada destino, es decir, la que acabamos de crear y
nombramos con el atributo target como destino
Después de open va un paréntesis abierto (
Después del atributo url va una coma ,
Después del atributo target sigue una coma ,
toolbar=yes/no , location=yes/no , directories=yes/no ,
status=yes/no , menubar=yes/no, scrollbars=yes/no , resizable=yes/no, width=000 ,
height=000
Todas estas características van entra comillas sencillas '
' el separador entre cada una de estas es
una coma , puedes elegir si se muestran estas características cambiando
la palabra yes o no . Todos los valores son yes por
default si tu especificas el valor de uno de estos elementos entonces todos se vuelven no
El atributo width (anchura) y height (altura) pueden
tener el valor que tu desees, modifica el valor 000 por el que tu desees
(son pixels)
Ejemplo de un botón que abre una ventana con la dirección de esta página, de tamaño
de 200 x 300, se muestra la barra de direcciones (location=yes) y
se puede modificar su tamaño (resizable =yes) el atributo target es "destino"
y el nombre de la ventana para Javascript será ventana
Código Javascript y HTML
<form>
<input type="button" value="Click para abrir la ventana" onclick="venta ( )">
<script language="JavaScript"><!--
function venta ( ) {
ventana = open (
"javas.htm" , "destino", '
location=yes , resizable=yes ,
width=200 , height=300 ' )
}
// --></script>
</form> |
Como ves los demás atributos son no por default
ya que especificamos dos de ellos
Resultado:
