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).