These projects are retired. The development has stopped and we don't provide support for them anymore.

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>

Remarks

TODO