ecirce dhtml bridge Right Click Menu Version 1.0


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

Menu 1

Menu 2

Menu 3

Menu 4

Navigation Menu Garfunkl Version 1.0

This Menu can be used horizontal or vertical and has one-level submenu support!

Demo: above
Browser: ie4+,n4+,n6
Contributor: © 2002 garfunkl
Script-size: 4 kb
uploaded: 17 03 02
last modified: 17 03 02

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

<!--
var mainMenuCount=5              // Number of MainMenus
var subBorderColor='#CCCCCC';
var subBgColor='#CCCCFF'
var tabWidth='200'
var hideSpeed='2000'
var WidthOfBorder=1

submenuCount1=5;    //Number of Submenus
        // Example: ('Your Link Text Here','URL','target')
        submenu1_1=new Array('submenu1_1','#','_self')
        submenu1_2=new Array('submenu1_2','#','_self')
        submenu1_3=new Array('submenu1_3','#','_self')
        submenu1_4=new Array('submenu1_4','#','_self')
        submenu1_5=new Array('submenu1_5','#','_self')

submenuCount2=4;
        submenu2_1=new Array('submenu2_1','#','_self')
        submenu2_2=new Array('submenu2_2','#','_self')
        submenu2_3=new Array('submenu2_3','#','_self')
        submenu2_4=new Array('submenu2_4','#','_self')

submenuCount3=0;

submenuCount4=3;
        submenu4_1=new Array('submenu4_1','#','_self')
        submenu4_2=new Array('submenu4_2','#','_self')
        submenu4_3=new Array('submenu4_3','#','_self')

submenuCount5=12;
        submenu5_1=new Array('submenu5_1','#','_self')
        submenu5_2=new Array('submenu5_2','#','_self')
        submenu5_3=new Array('submenu5_3','#','_self')
        submenu5_4=new Array('submenu5_4','#','_self')
        submenu5_5=new Array('submenu5_5','#','_self')
        submenu5_6=new Array('submenu5_6','#','_self')
        submenu5_7=new Array('submenu5_7','#','_self')
        submenu5_8=new Array('submenu5_8','#','_self')
        submenu5_9=new Array('submenu5_9','#','_self')
        submenu5_10=new Array('submenu5_10','#','_self')
        submenu5_11=new Array('submenu5_11','#','_self')
        submenu5_12=new Array('submenu5_12','#','_self')

var activated2=false;
var arrayLoc=self
var layertextwrite=new Array();
var tabStart='<table cellpadding='+WidthOfBorder+' bgcolor='+subBorderColor+' cellspacing=0><tr><td><table width='+tabWidth+' bgcolor='+subBgColor+' cellspacing=0 cellpadding=5><tr><td nowrap>'
var tabEnd="</td></tr></table></td></tr></table>"
function intialise(){
   for(i=1 ;i<=mainMenuCount ;i++ )
        {
          submenuCounting=eval('submenuCount'+i);
          layertextwrite[i]=''
             for(j=1 ;j<=submenuCounting ;j++ )
             {
                array='submenu'+i+'_'+j
                   if(j==1)layertextwrite[i]=tabStart
                   layertextwrite[i]+='<A class=pctlsub  onmouseover="timeIsCleared()" onmouseout="timeIsSet()" href='+arrayLoc[array][1]+' target='+arrayLoc[array][2]+'>'+arrayLoc[array][0]+'</A><br>'

}
       if(submenuCounting!=0)layertextwrite[i]+=tabEnd
         }
}

function timeIsSet(idMenu){activeLayer=idMenu;activated2=setTimeout("hideTextInLayerdeep(activeLayer)",hideSpeed);}
function timeIsCleared(){window.clearTimeout(activated2)}

else if(document.getElementById) document.getElementById('low').innerHTML=layerTextToWrite}

function hideTextInLayerdeep(idMenu){
         if (document.layers)
            {document.low.document.open();document.low.document.write();document.low.document.close();}
         else if (document.all) document.all.low.innerHTML=""
         else if (document.getElementById) document.getElementById('low').innerHTML="";
         }

function ifLayersReload(){
         if(document.layers)window.location.reload();
}

window.onresize=ifLayersReload;
window.onload=intialise
function errorHandler(){return true}
window.onerror = errorHandler;
//-->
</script>

A.pctlsub:link    {COLOR: #666666; FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none; FONT-SIZE:10px;FONT-WEIGHT:bold;line-height:17px;}
A.pctlsub:visited {COLOR: #666666; FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none; FONT-SIZE:10px;FONT-WEIGHT:bold;line-height:17px;}
A.pctlsub:hover {COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica; TEXT-DECORATION: none; FONT-SIZE:10px;FONT-WEIGHT:bold;line-height:17px;}
</style>

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