<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- // RelativeLayers 0.9.7 // // $Id: example9.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: External Source 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" SRC="rl_source_stripped.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- layer1 = new RelativeLayer( "layer1Div", "", "", "100%","AUTO",LEFT,"0",TOP,"0","-50%","-50%", "100%","100%",LEFT,"50%",TOP,"50","0","0", "#dddddd", ""); layer1.setVisible(true);
layer2 = new RelativeLayer( "layer2Div", "", "", "30%","50%",LEFT,"50%",TOP,"50%","0","0", "200%","AUTO",LEFT,"50%",TOP,"0","0","-50%", "#dddddd", ""); layer2.setVisible(true); layer2.setSource("example9_content.html"); //--> </SCRIPT> </HEAD>
<BODY BGCOLOR="#ffffff">
<DIV ID="layer1Div"> <CENTER> <A HREF="javascript://" ONMOUSEDOWN="return layer2.startScroll(0, 10);" ONMOUSEUP="return layer2.stopScroll();">scroll up</A><BR> <A HREF="javascript://" ONMOUSEDOWN="return layer2.startScroll(10, 0);" ONMOUSEUP="return layer2.stopScroll();">scroll left</A> <A HREF="javascript://" ONMOUSEDOWN="return layer2.startScroll(-10, 0);" ONMOUSEUP="return layer2.stopScroll();">scroll right</A><BR> <A HREF="javascript://" ONMOUSEDOWN="return layer2.startScroll(0, -10);" ONMOUSEUP="return layer2.stopScroll();">scroll down</A><BR> </CENTER> </DIV>
</BODY>
</HTML>
|