image
Valora:   4.36/5 de 25
Inicio » Javascript » Manual » Objetos del Navegador




El objeto frame

Por Lola C�rdenas y Joaquin Gracia.
rinconprog.metropoli2000.com

Todos sabemos que la ventana del navegador puede ser dividida en varios frames que contengan cada uno de ellos un documento en el que mostrar contenidos diferentes. Al igual que con las ventanas, cada uno de estos frames puede ser nombrado y referenciado, lo que nos permite cargar documentos en un marco sin que esto afecte al resto.

Realmente cada frame se representa con un objeto window, esto quiere decir que el objeto frame tiene todas las propiedades y m�todos del objeto window.

Propiedades

  • closed. V�lida a partir de Netscape 3 en adelante y MSIE 4 en adelante. Es un booleano que nos dice si la ventana est� cerrada ( closed = true ) o no ( closed = false ).
  • defaultStatus. Cadena que contiene el texto por defecto que aparece en la barra de estado (status bar) del navegador.
  • frames. Es un array: cada elemento de este array (frames[0], frames[1], ...) es uno de los frames que contiene la ventana. Su orden se asigna seg�n se definen en el documento HTML.
  • history. Se trata de un array que representa las URLS visitadas por la ventana (est�n almacenadas en su historial).
  • length. Variable que nos indica cu�ntos frames tiene la ventana actual.
  • location. Cadena con la URL de la barra de direcci�n.
  • name. Contiene el nombre de la ventana, o del frame actual.
  • opener. Es una referencia al objeto window que lo abri�, si la ventana fue abierta usando el m�todo open() que veremos cuando estudiemos los m�todos.
  • parent. Referencia al objeto window que contiene el frameset.
  • self. Es un nombre alternativo del window actual.
  • status. String con el mensaje que tiene la barra de estado.
  • top. Nombre alternativo de la ventana del nivel superior.
  • window. Igual que self: nombre alternativo del objeto window actual.

M�todos

  • alert(mensaje). Muestra el mensaje 'mensaje' en un cuadro de di�logo
  • blur(). Elimina el foco del objeto window actual. A partir de NS 3, IE 4.
  • clearInterval(id). Elimina el intervalo referenciado por 'id' (ver el m�todo setInterval(), tambi�n del objeto window). A partir de NS 4, IE 4.
  • clearTimeout(nombre). Cancela el intervalo referenciado por 'nombre' (ver el m�todo setTimeout(), tambi�n del objeto window).
  • confirm(mensaje). Muestra un cuadro de di�logo con el mensaje 'mensaje' y dos botones, uno de aceptar y otro de cancelar. Devuelve true si se pulsa aceptar y devuelve false si se pulsa cancelar.
  • focus(). Captura el foco del rat�n sobre el objeto window actual. A partir de NS 3, IE 4.
  • open(URL,nombre,caracteristicas). Abre la URL que le pasemos como primer par�metro en una ventana de nombre 'nombre'. Si esta ventana no existe, abrir� una ventana nueva en la que mostrar� el contenido con las caracter�sticas especificadas. Las caracter�sticas que podemos elegir para la ventana que queramos abrir son las siguientes:
  • prompt(mensaje,respuesta_por_defecto). Muestra un cuadro de di�logo que contiene una caja de texto en la cual podremos escribir una respuesta a lo que nos pregunte en 'mensaje'. El par�metro 'respuesta_por_defecto' es opcional, y mostrar� la respuesta por defecto indicada al abrirse el cuadro de di�logo. El m�todo retorna una cadena de caracteres con la respuesta introducida.
  • scroll(x,y). Desplaza el objeto window actual a las coordenadas especificadas por (x,y). A partir de NS3, IE4.
  • scrollBy(x,y). Desplaza el objeto window actual el n�mero de pixels especificado por (x,y). A partir de NS4.
  • scrollTo(x,y). Desplaza el objeto window actual a las coordenadas especificadas por (x,y). A partir de NS4.
  • setInterval(expresion,tiempo). Evalua la expresi�n especificada despu�s de que hayan pasado el n�mero de milisegundos especificados en tiempo. Devuelve un valor que puede ser usado como identificativo por clearInterval(). A partir de NS4, IE4.
  • setTimeout(expresion,tiempo). Evalua la expresi�n especificada despu�s de que hayan pasado el n�mero de milisegundos especificados en tiempo. Devuelve un valor que puede ser usado como identificativo por clearTimeout(). A partir de NS4, IE4.

En este ejemplo mostramos como acceder a los frames y c�mo se pueden cambiar propiedades de un frame en otro.

<!-- Manual de JavaScript de WebEstilo.com -->
<HTML>
<HEAD>
   <title>Ejemplo de JavaScript</title>
</HEAD>
<frameset cols="50%,*">
<frame name="izq" src="ejem09a.html" scrolling="auto">
<frameset rows="50%,*">
<frame name="der1" src="ejem09b.html" crolling="auto">
<frame name="der2" src="ejem09b.html" scrolling="auto">
</frameset>
</frameset>
</HTML>

Ejecutar ejemplo Ver c�digo


ejem09a.html
<!-- Manual de JavaScript de WebEstilo.com -->
<HTML>
<HEAD>
   <title>Ejemplo de JavaScript</title>
<script LANGUAGE="JavaScript">
<!--
function color()
{
   top.frames['der1'].document.bgColor="#FF5500";
}
function cargarYahoo()
{
   top.frames['der2'].
}
//-->
</script>
   
</HEAD>
<BODY>
<script LANGUAGE="JavaScript">
<!--
   var i=0;
      document.write('<h1>Soy el frame: ' + window.name + "</h1><br>");

      for (i=0;i<top.frames.length;i++)
         document.write('Nombre del frame ' + i + ': ' + top.frames[i].name + "<br>");
//-->
</script>

<br><br>
<a href="javascript:color()">Cambia el color del frame <b>der1</b></a><br><br><br>
<a href="javascript:cargarYahoo()">Cargar Yahoo!! en el frame <b>der2</b></a><br>
</BODY>
</HTML>

Ver c�digo


ejem09b.html
<!-- Manual de JavaScript de WebEstilo.com -->
<HTML>
<HEAD>
   <title>Ejemplo de JavaScript</title>
</HEAD>
<BODY>
<script LANGUAGE="JavaScript">
<!--
      document.write('<h1>Soy el frame: ' + window.name + "</h1><br>");
//-->
</script>

</BODY>
</HTML>

Ver c�digo







Comparte


Aportaciones de usuarios A�adir una aportaci�n



Enlaces
Cocina Facil IngenieroSoftware.com  
Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.