External source
TODO
Source and example output
Example 3-4. External source example
<HTML>
<HEAD>
<TITLE>RelativeLayers : External Source example</TITLE>
<SCRIPT LANGUAGE="JavaScript" SRC="rl_error.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="rl_browser.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_utility.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_window.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_layer.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="rl_source.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>
|
top top top top top top top top top top<BR><BR> This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space.<BR><BR> This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space.<BR><BR> This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space.<BR><BR> This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space.<BR><BR> This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space.<BR><BR> This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space.<BR><BR> This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space.<BR><BR> This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space. This is just a bit of text to fill up space.<BR><BR> bottom bottom bottom bottom bottom<BR> <SCRIPT LANGUAGE="JavaScript1.2">window.top.finishContentsUpdate();</SCRIPT> |