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