ecirce dhtml bridge - MoveMe-Menu


The DHTML Menu - reloaded

FX Sinus offers one of the most versatile DHTML navigation systems

Either your browser doesn't support JavaScript properly, or you have turned JavaScript off. Though most of the content at fxsinus.com relies on JavaScript and is therefore not visible to you, feel free to navigate with the links below or with the help of the sitemap.

FX DHTML Menu

Menu Version Information
Reference Guide: Global Variables
Reference Guide: Style Properties
Reference Guide: Menu Properties
Reference Guide: Item Properties
FAQ
Browser Compatibility
Compatibility with other Scripts
Menu Samples Overview
Professional Webdesigners
License & Purchase
Download FX Menu

Support

E-Mail
Forum

Archive

Complete Archive Sitemap
MX Menu Wizard
MineSweeper JavaScript

MoveMe-Menu Version 1.0

Demo: on left side, click on the MoveMe-Menu Link. To release the menu a simple doubleclick is enough!
Browser: ie4+,ns4+
Contributor: © 2002 crazyrosa
Script-size: 2.6 kb (without html-code)
uploaded: 04 04 02
last modified: 04 04 02

Step 1:Open your webpage. Paste the following code between
the <head> tag and </head> tag:

<!--www.ecirce.com

Leftpos1=90;  //  left pixel value for divC1 below
Toppos1=90;  //  top pixel value for divC1 below

// IMPORTANT!! now change the position left and top in the div tag (id=divC1) in the body to the same values

var n = (document.layers)?1:0;
var ie = (document.all)?1:0;
var isValid="no";
var posX=-70;
var posY=-70;

function initiate() {
       if (document.layers||document.all) init();moveIt();
}

function setContainer(cunt) {
         divC="divC"+cunt;
         divH=cunt;
         posX=eval("Leftpos"+cunt);
         posY=eval("Toppos"+cunt);
}

function captureContainer() {
         if (n) document.captureEvents(Event.MOUSEMOVE);
}

function letGoContainer() {
         if (n) document.releaseEvents(Event.MOUSEMOVE);
         isValid="no";
         divC="divC11";
         document.close();
}

function moveIt() {
         eval(dis + divC + stle + lft + Xpos);
         eval(dis + divC + stle + tp + Ypos);
}

function moveContainer(e) {
         Xpos = (ie) ? event.clientX : e.pageX;
         Ypos = (n) ? e.pageY : event.clientY;
              if (isValid=="no") {
                 newPosx=posX-Xpos;
                 newPosy=posY-Ypos;
                 isValid="yes";
                 if (divC=="divC11") isValid="no";
                }
         Xpos+=newPosx;
         Ypos+=newPosy;
         if (divH=="1") Leftpos1=Xpos,Toppos1=Ypos;
         moveIt();
}

if (n) {
    document.captureEvents(Event.CLICK);
    document.captureEvents(Event.DBLCLICK);
    }

Leftpos11 = -70;
Toppos11 = -70;
Xpos=5;
Ypos=5;

//www.ecirce.com-->
</script>

Step 1:Paste the following code between
the <body> tag and </body> tag:

<div id="divC1" style="position:absolute; visibility:show; left:90px; top:90px; z-index:2">
     <table border=0 cellpadding=1 cellspacing=0 bgcolor="#6699FF">
       <tr>
         <td>
            <table border=0 cellpadding=5 bgcolor="#CCCCCC">
                 <tr>
                   <td bgcolor=#FFFFFF><a class=moveMen href="javascript:void(0)" onmousedown="setContainer(1)">MoveMe-Menu</a></td>
                 </tr>
                 <tr>
                   <td>
                       <a class=moveMen href="javascript:void(0)">Item  1</a><br>
                       <a class=moveMen href="javascript:void(0)">Item  2</a><br>
                       <a class=moveMen href="javascript:void(0)">Item  3</a><br>
                       <a class=moveMen href="javascript:void(0)">Item  4</a><br>
                       <a class=moveMen href="javascript:void(0)">Item  5</a><br>
                       
                   </td>
                 </tr>
            </table>
         </td>
       </tr>
     </table>
</div>