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.

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