1) Script Title: Floating Menu Script

2) Script URL (on DD): http://www.nasgo.com/FLOATINGMENU.htm

3) Describe problem: Hello, I want to use this script in a partial area of a webpage but I don't know how to limit the movement of the menu. Here is the menu by itself (http://www.nasgo.com/FLOATINGMENU.htm).

Please help!!

Here is the script:


<body>


<p>HERE STARTS THE PAGE</p>

<!-- *** Start: Float a table element *** -->
<table border="1" align="center" id="jsfx_float1">
<tr>
<td width="100%">
<p align="center"><b><font size="4">Menu</font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#666666">
<p align="left">&nbsp;<a href="http://www.dynamicdrive.com">Dynamic Drive</a><br>
&nbsp;<a href="http://www.dynamicdrive.com/new.htm">What's New</a><br>
&nbsp;<a href="http://www.dynamicdrive.com/hot.htm">What's Hot</a><br>
&nbsp;<a href="http://www.dynamicdrive.com/faqs.htm">FAQs</a><br>
&nbsp;<a href="http://www.dynamicdrive.com/morezone/">More Zone</a></td>
</tr>
</table>
<!-- *** End : Float a table element *** -->

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>MENU SHOULD STOP HERE &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>here ends the page</p>




<!-- ****** START OF SCRIPT - COMPRESSED TO SAVE SPACE + EASY CUT'n'PASTE *** -->
<script type="text/javascript">
/********************************************************************
* You may use this code for free on any web page provided that *
* these comment lines and the following credit remain in the code. *
* Keep In View (c) JavaScript-FX. (www.javascript-fx.com) *
********************************************************************/
JSFX_KeepInView = function(id){
var getPageY=function(el){return(el==null)?0:el.offsetTop+getPageY(el.offsetParent);};
var getScrollTop=function(){return document.body.scrollTop||document.documentElement.scrollTop};
var el=document.getElementById(id);if(el==null)return;
if(el.style.position=="absolute"){el.startPageTop=-el.offsetTop;el.currentX=el.offsetLeft;el.currentY=el.offsetTop;}
else{el.style.position="relative";el.startPageTop=getPageY(el);el.currentX=el.currentY=0;};
el.floatInView=function(){
var targetY=(getScrollTop()>this.startPageTop)?getScrollTop()-this.startPageTop:0;
this.currentY+=(targetY-this.currentY)/4;this.style.top=this.currentY+"px";};
setInterval('document.getElementById("'+id+'").floatInView()',40);
};for(var i=0 ; i<4 ; i++)JSFX_KeepInView ("jsfx_float"+i);
</script>

</body>