Métodos
Avanzados
/ Abriendo Ventanas del Nueveo Navegador
Abriendo Ventanas del nuevo Navegador
(Opening New Browser Windows)
Haciéndolo con HTML
(Doing It with HTML)
Por omisión un link
abre un archivo en la ventana actual. El HTML que crea el enlace en este
caso es:
<a href="js-extras/linked.html">link</a>
Pero tu puedes link
abrir una ventana diferente. En este caso has usado:
<a href="js-extras/linked.html"
target="newwin" >link</a>
Donde el valor de target es el nombre de la nueva
ventana a abrirse. El nombre puede ser (casi) cualquier cosa. Si (se abre) la
ventana designada con un nombre ya existe, el archivo indicado sube en la
ventana señalada. Si la ventana designada con un nombre aún no est';a abierta,
el navegador abre una ventana nueva, asigna el nombre indicado y sube el archivo
indicado dentro de la ventana nueva.
Existen unos cuantos nobmres especiales, reservados: ej.
_self
es la ventana actual-- Pros y Contras de éste método: Subiendo páginas enlazadas en ventanas nuevas, esta manera es fácil (pro), pero no tienes control sobre las características de una ventana nueva en el navegador (a veces puede ser un contra).
Haciéndolo con Javascript
(Doing It with Javascript)
También existen maneras de usar Javascript para abrir un archivo en una ventana
nueva, algunas teniendo algunas características que tu puedes controlar. Esto
se logra usando el mandato window.open de
Javascript .
-- Pros y Contra de éste método: Mucho mas control sobre las características de la ventana nueva, pero no es tan fácil como dejar una ventana nueva de HTML.
Por ejemplo, oprime éste link.
El código HTML en éste caso es:
<a href=" javascript:launch('js-extras/linked.html','win2',400,200)"
</a>
Vamos a considerar algunas
características notables de éste enlace:
1. launch(lanzar) es una función
Javascript que está definida en términos de window.open. He aquí la definición
actual de la funccion:
function launch(file,name,winwidth,winheight)
{
var string=
"width="+winwidth+",height="+winheight+"toolbar=no,
directories=no,menubar=no,resizable=yes,dependent=yes"
hwnd = window.open(file,name,string) ;
if (navigator.appName == "Netscape") {
hwnd.focus()
}
}
|
2. The value assigned to href
in the link is now a pseudo-URL. Instead of being the name of a local
file or the location of a file on the internet, it is now the name (launch) and
type (javascript) of a function that will be executed when the link is
clicked.
3. Los argumentos de la función de llamar a lanzar te
permite especificar
i) el archivo a ser subido en la ventana nueva.
ii) el nombre de la ventana nueva.
iii) lo ancho de la ventana nueva.
iv) la altura de la ventana nueva.
4) La definición dela función de lanzar (launch) especifica
otras características de una ventana nueva: cero barra de herramientas, cero
barra de menú, es modificable en tamaño, etc.
Ahora, vamos a usar la función de lanzar
nuevamente para abrir el mismo archivo en una ventana de tamaño diferente:
oprime este enlace link.
En este caso la etiqueta de es:
<a href=" javascript:launch('js-extras/linked.html','win3',200,400)"
</a>
(Solo invertimos el tamaño de la altura y el ancho en este caso.)
También podemos abrir una ventana que
tenga más decoración. Por ejemplo, vamos a tomar la ventana nueva que nos
muestre la barra del menú, la localización (URL) del archivo abierto en
la ventana, y hagaamos la ventana nueva desplegable y modificable en tamaño:
oprime este enlace (link).
Ahora hemos usado éste HTML para el enlace:
<a href=" javascript:locscrollmenu('js-extras/linked.html','win2',400,200)"
</a>
En éste caso hemos usado una función de Javascript llamada locscrollmenu, en vez de launch. Nota que ambas locscrollmenu y launch son funciones de Javascript que definimos en términos del mandato integrado (window.open) de Javascript. (Las diferencias básicas en las definiciones de las dos funciones son las especificaciones de si las ventanas resultantes tendrán o no una barra de menú, barra desplegable, sea tamaño modificable, sea desplegable, etc.)
Aquí hay una página mas larga ( longer), (solo para enseñarte que la ventana verdaderamente es desplegable).