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.
======
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.
NOTA: Para que funcione el Script en navegadores como Opera, cambiar la siguiente línea:
<frameset name="pag" cols="20%,*" frameborder="1">
Por el siguiente:
<frameset id="pag" cols="20%,*" frameborder="1">
mejor dicho cambia "name" por "id" en la definición de los frames.
=======
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.
Me cuentas por favor cómo te fue!
Cordialmente,
WILMER
Perdona la tardanza!
