Mega Code Archive

 
Categories / JavaScript DHTML / Ajax Layer
 

Relative Layers

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!-- // RelativeLayers 0.9.7 //  // $Id: example3.html 1.7 04/02/02 21:22:32+01:00 gbevin@willow.uwyn.office $ //  // Library for creating dynamic designs that adapt themselves to the user's // browser environment. //  // Copyright (C) 1998-2004, Geert Bevin // Distributed under the terms of the GNU Lesser General Public, v2.1 or later //  // gbevin[remove] at uwyn dot com // http://www.uwyn.com/projects/relativelayers --> <HTML> <HEAD> <TITLE>Relative Layers : Nested layers example</TITLE> <SCRIPT LANGUAGE="JavaScript" SRC="rl_error_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="rl_browser_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_utility_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_window_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_layer_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- layer1 = new RelativeLayer( "layer1Div", "", "", "80%","100%",LEFT,"50%",TOP,"50%","0","0", "100%","100%",LEFT,"50%",TOP,"50%","0","0", "#dddddd"); layer1.setVisible(true); layer2 = new RelativeLayer( "layer2Div", "", "", "100%","60%",LEFT,"50%",TOP,"50%","0","0", "100%","100%",LEFT,"50%",TOP,"50%","0","0", "#ff6666"); layer2.setVisible(true); //--> </SCRIPT> </HEAD> <BODY BGCOLOR="#2F4078"> <DIV ID="layer1Div"> This is the parent layer.<BR>     <DIV ID="layer2Div">     This is the child layer.<BR>     </DIV>      </DIV> </BODY> </HTML>                     relativelayers-0.9.7.zip( 74 k)