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

Code:

<!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

Code:

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

Thread: Sliding frames

Thread Tools

Search Thread

Sliding frames

Bookmarks

Bookmarks

Posting Permissions