PDA

View Full Version : Sliding frames



emanuelle
05-13-2006, 09:48 PM
Is it possible to make frames move according to the content of the other frames?
For example:right frame will extend to the left when right frame is empty and will move back to the right when the right frame is full of content.

lihang
05-17-2006, 08:39 AM
Mybe, your description is incorrect, why do you want an empty page extend to the left? if so, that empty page will take up the full screen.
Mybe you means: right frame will extend to the left when left frame is empty and will move back to the right when the left frame is full of content.
If so, I wander whether you want to do it automatically or manually?
If automatically, I'm sorry! I can't help you.
If manually, you can try this one

hidelist.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;">
<title></title>
<link href='./image/hidden.css' rel='stylesheet' type='text/css'>
</head>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
<table class=hiddentable width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<TBODY>
<TR>
<td align="center" valign="middle" background="imgs/swichbg.gif" class=hiddenl><a onClick = "HideList()"><img src="imgs/arrow-l.gif" name="switchs" style="cursor:hand"></a></td>
</tr>
</TBODY>
</table>
<script language="JavaScript">
var switchs = 0;
function HideList(){
if (switchs == 0){
top.bbs.cols = "0,8,*";
document.images["switchs"].src = "imgs/arrow-r.gif";
switchs = 1;
}else if (switchs == 1){
top.bbs.cols = "172,8,*";
document.images["switchs"].src = "imgs/arrow-l.gif";
switchs = 0;
}
}
</script>

</body>
</html>




index.html


<html>
<head>
<meta http-equiv="Content-Type" content="text/html;">
<title>test frame</title>
</head>

<frameset rows="104,*,57" cols="*" frameborder="NO" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="NO" noresize>
<frameset rows="*" cols="172,8,*" framespacing="2" frameborder="no" border="2" name="bbs">
<frame src="left.html" name="leftFrame" noresize >
<frame src="hidelist.html" SCROLLING="NO" name="hidelist" marginwidth="0" marginheight="0">
<frame src="main.html" name="mainFrame" >
</frameset>
<frame src="bottom.html" name="topFrame" scrolling="NO" noresize>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>