version:


This example uses an image on your page (which may be located anywhere) to position the menus relatively to its position. A sample function (the same like the one in the Permanent menus example) is used (look at "s_arrays.js") to get the X and Y position of the image, which is named "getStart" (the "search" image above). The result is right aligned menus, which will always appear at the proper position even if the window is resized. The left position of the last menu is set to 'mouseX+10'- this way it will always be displayed at the right most edge (you can do this by using another method- setting large enough number for left position, for example 3000...). As you can see, the JavaScript expression handling for positioning the menus may be very powerful in certain cases. Use your imagination.

NOTE:
This example will work correctly in IE4.x on Macintosh but this may not be the case even if you use the same function on your pages. This browser does not support correctly the "offsetParent" property and thus does not allow us to find the position of an element correctly on all pages (if the element is nested in some tables, for instance). The best way to find out whether it will work on your pages is to test them in IE4.x on Macintosh.