Ver Mensaje Individual
  #8 (permalink)  
Antiguo 12/01/2005, 09:47
Wilmer
 
Fecha de Ingreso: enero-2005
Mensajes: 8
Antigüedad: 19 años, 4 meses
Puntos: 0
Nuevo código Oculta y Muestra un Frame.

hola, aquí te mando un nuevo código que puedes guardar en un archivo (*.js).
este código muestra y oculta el frame izquierdo ante el evento clic de un mismo icono al cual se le puede cambiar su fuente y hasta su mensaje de tooltip.

Básicamente lo que se hace es jugar con el tamaño de los frames.

======
Copia este código en un archivo js (ej: framesettings.js).

var sw = 0;

function A(s)
{
var rcFile = new Array();
rcFile = s.split("/");
var imagen = rcFile[rcFile.length - 1];
var imgObj=document.getElementById('cntMosOcul');
if (imagen == 'activo.jpg' && sw == 0) {
parent.document.getElementById('aqui').cols="0,*";
imgObj.src="inactivo.jpg";
imgObj.alt="Mostrar frame izquierdo";
sw = 1;
}
else if (imagen == 'inactivo.jpg' && sw == 1) {
parent.document.getElementById('aqui').cols="20%,* ";
imgObj.src="activo.jpg";
imgObj.alt="Ocultar frame izquierdo";
sw = 0;
}
}


====================
Ahora, copia este código en un archivo html (barrasuperior.htm) donde se alojará la página del frame superior.

<HTML><HEAD><TITLE>Frame superior</TITLE>
<script language="JavaScript" src="framesettings.js"></script>
</HEAD>
<BODY>

<img src="activo.jpg" alt="Ocultar frame izquierdo" width="17" height="17" id="cntMosOcul" onClick="A(this.src);" style="cursor=hand">

</BODY></HTML>

========

Y por último, copia este código en una página que contenga los frames. (misframes.htm).

<html>
<title>Mis Frames</title>
<frameset name="ahora" rows="70,*" cols="*" frameborder="NO" border="0" framespacing="0">
<frame src="barrasuperior.htm" name="top1Frame" scrolling="NO" noresize >
<frameset name ="aqui" cols="20%,*" frameborder="YES" border="0" framespacing="0">
<frame src="izquierdo.htm" name="leftFrame" scrolling="AUTO" resize>
<frame src="derecho.htm" name="mainFrame" scrolling="AUTO" resize>
</frameset>
</frameset>
<noframes></noframes>
</html>

Nota: No olvides crear las páginas izquierdo.htm y derecho.htm que contengan lo que quieras, para efectos de las pruebas.

Al finalizar deberás tener los siguientes archivos en el mismo directorio (bueno, luego puedes jugar con direccionamientos, pero por ahora dejémolo así):

framesettings.js
barrasuperior.htm
misframes.htm
izquierdo.htm
derecho.htm
activo.jpg
inactivo.jpg

Y ejecutas el archivo misframes.htm para ver el resultado.

Espero que haya sido útil para lo que realmente buscabas!

Cordialmente,

WILMER