GUI Components JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. GUI Components
  4. Black Menu

  
    
    
    DES Crypt
    
  
  
    
      var keepstatic=1 //specify whether menu should stay static (works only in IE4+)
      var menucolor="#000000" //specify menu color
      var submenuwidth=150 //specify sub menus' width
    
    
    
if (document.all)    {n=0;ie=1;ns6=0;fShow="visible";fHide="hidden";}
if (document.getElementById&&!document.all)    {n=0;ie=0;ns6=1;fShow="visible";fHide="hidden";}
if (document.layers) {n=1;ie=0;ns6=0;fShow="show";fHide="hide";}
opr6=ie&&navigator.userAgent.indexOf("Opera")!=-1
window.onerror=new Function("return true")
rightX = 0;
function Menu()
{
  this.bgColor     = menucolor;
  if (ie) this.menuFont = "bold 12px Arial"; 
  if (n)  this.menuFont = "bold 12px Verdana";
  this.fontColor   = "black";
  this.addItem    = addItem;
  this.addSubItem = addSubItem;
  this.showMenu   = showMenu;
  this.mainPaneBorder = 0;
  this.subMenuPaneBorder = 0;
  this.subMenuPaneWidth = submenuwidth;
  lastMenu = null;
  
  rightY = 0;
  leftY = 0;
  leftX = 0;
  HTMLstr = "";
  HTMLstr += "\n";
  HTMLstr += "\n";
  if (ie||ns6) HTMLstr += "\n";
  HTMLstr += "\n";
  HTMLstr += "";
  if (n) HTMLstr += " ";
  HTMLstr += "\n";
  HTMLstr += "\n";
  HTMLstr += "\n";
  if (n) HTMLstr += "";
  HTMLstr += "\n";
  HTMLstr += "\n";
  HTMLstr += "\n";
  HTMLstr += "\n";
  HTMLstr += "\n";
  HTMLstr += "\n";
  HTMLstr += "\n";
  if (ie||ns6) HTMLstr+= "
\n";
  HTMLstr += "\n";
}
function addItem(idItem, text, hint, location, altLocation)
{
  var Lookup = "";
  if (HTMLstr.indexOf(Lookup) != -1)
  {
    alert(idParent + " already exist");
    return;
  }
  var MENUitem = "";
  MENUitem += "\n\n";
  if (n)
  {
    MENUitem += "";
    MENUitem += "";
    MENUitem += "| ";
    MENUitem += text;
    MENUitem += "";
    MENUitem += "";
  }
  if (ie||ns6)
  {
    MENUitem += "\n";
    MENUitem += "\n";
    MENUitem += "    MENUitem += "class=clsMenuItemIE ";
    if (hint != null)
      MENUitem += "title='"+hint+"' ";
    if (location != null)
    {
      MENUitem += "href='"+location+"' ";
      MENUitem += "onmouseover=\"hideAll()\" ";
    }
    else
    {
      if (altLocation != null)
        MENUitem += "href='"+altLocation+"' ";
      else
        MENUitem += "href='.' ";
      MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" ";
      MENUitem += "onclick=\"return false;\" "
    }
    MENUitem += ">";
    MENUitem += "| \n";
    MENUitem += text;
    MENUitem += "\n";
    MENUitem += "
\n";
    MENUitem += "\n";
  }
  MENUitem += "\n\n";
  MENUitem += "\n";
  HTMLstr = HTMLstr.replace("\n", MENUitem);
}
function addSubItem(idParent, text, hint, location, linktarget)
{
  var MENUitem = "";
  Lookup = "";
  if (HTMLstr.indexOf(Lookup) == -1)
  {
    alert(idParent + " not found");
    return;
  }
  Lookup = "";
  if (HTMLstr.indexOf(Lookup) == -1)
  {
    if (n)
    {
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "\n";
    }
    if (ie||ns6)
    {
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "\n";
      MENUitem += "
\n";
      MENUitem += "\n";
    }
    MENUitem += "\n";
    HTMLstr = HTMLstr.replace("\n", MENUitem);
  }
  Lookup = "\n";
  if (n)  MENUitem = ""+text+"
\n";
  if (ie||ns6) MENUitem = ""+text+"
\n";
  MENUitem += Lookup;
  HTMLstr = HTMLstr.replace(Lookup, MENUitem);
}
function showMenu()
{
  document.writeln(HTMLstr);
}
function displaySubMenu(idMainMenu)
{
  var menu;
  var submenu;
  if (n)
  {
    submenu = document.layers[idMainMenu+"submenu"];
    if (lastMenu != null && lastMenu != submenu) hideAll();
    submenu.left = document.layers[idMainMenu].pageX;
    submenu.top  = document.layers[idMainMenu].pageY + 25;
    submenu.visibility = fShow;
    leftX  = document.layers[idMainMenu+"submenu"].left;
    rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
    leftY  = document.layers[idMainMenu+"submenu"].top+
      document.layers[idMainMenu+"submenu"].clip.height;
    rightY = leftY;
  } else if (ie||ns6) {
    menu = ie? eval(idMainMenu) : document.getElementById(idMainMenu);
    submenu = ie? eval(idMainMenu+"submenu.style") : document.getElementById(idMainMenu+"submenu").style;
    submenu.left = calculateSumOffset(menu, 'offsetLeft');
    submenu.top  = menu.style.top+23;
    submenu.visibility = fShow;
    if (lastMenu != null && lastMenu != submenu) hideAll();
    leftX  = ie? document.all[idMainMenu+"submenu"].style.posLeft : parseInt(document.getElementById(idMainMenu+"submenu").style.left);
    rightX = ie? leftX + document.all[idMainMenu+"submenu"].offsetWidth : leftX+parseInt(document.getElementById(idMainMenu+"submenu").offsetWidth);
    leftY  = ie? document.all[idMainMenu+"submenu"].style.posTop+
      document.all[idMainMenu+"submenu"].offsetHeight : parseInt(document.getElementById(idMainMenu+"submenu").style.top)+parseInt(document.getElementById(idMainMenu+"submenu").offsetHeight);
    rightY = leftY;
  }
  lastMenu = submenu;
}
function hideAll()
{
  if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}
function calculateSumOffset(idItem, offsetName)
{
  var totalOffset = 0;
  var item = eval('idItem');
  do
  {
    totalOffset += eval('item.'+offsetName);
    item = eval('item.offsetParent');
  } while (item != null);
  return totalOffset;
}
function updateIt(e)
{
  if (ie&&!opr6)
  {
    var x = window.event.clientX;
    var y = window.event.clientY;
    if (x > rightX || x < leftX) hideAll();
    else if (y > rightY) hideAll();
  }
  if (n||ns6)
  {
    var x = e.pageX;
    var y = e.pageY;
    if (x > rightX || x < leftX) hideAll();
    else if (y > rightY) hideAll();
  }
}
function operahide(){
        if (opr6){
        if (!MainTable.contains(event.toElement))
        hideAll()
}
}
if (ie||ns6)
{
  document.body.onclick=hideAll;
  document.body.onscroll=hideAll;
  document.body.onmousemove=updateIt;
}
if (document.layers)
{
  window.captureEvents(Event.MOUSEMOVE);
  window.captureEvents(Event.CLICK);
  window.onmousemove=updateIt;
  window.onclick=hideAll;
}
    
    
    
function showToolbar()
{
  menu = new Menu();
  menu.addItem("Home", "Home", "Home",  "index.html", "");
  menu.addItem("crypt", "Encryption", "Encryption",  null, null);
  menu.addItem("hash", "Hashing", "Hashing",  null, null);
  menu.addItem("Stegano", "Steganography", "Steganography", "stegano.html", "");
  menu.addItem("convert", "Converters", "Converters", null, null);
  menu.addItem("tools", "Tools", "Tools", null, null);
  menu.addItem("About", "About", "About", "about.html", "");
  menu.addSubItem("crypt", "Caesar Cipher", "Caesar Cipher",  "caesar.html", "");
  menu.addSubItem("crypt", "RC4", "RC4",  "rc4.html", "");
  menu.addSubItem("crypt", "RSA-type", "RSA-type",  "RSA.html", "");
  menu.addSubItem("crypt", "Vigenere Cipher", "Vigenere Cipher",  "vigenere.html", "");
  menu.addSubItem("crypt", "Playfair", "Playfair",  "playfair.html", "");
  menu.addSubItem("crypt", "Text Reverser", "Text Reverser",  "reverse.html", "");
  menu.addSubItem("crypt", "Substitution Cipher", "Substitution Cipher",  "substitute.html", "");
  menu.addSubItem("crypt", "Modular Transpose", "Modular Transpose",  "modular.html", "");
  menu.addSubItem("hash", "DES", "DES",  "des.html", "");
  menu.addSubItem("hash", "RIPEMD-160", "RIPEMD-160", "ripemd-160.html", "");
  menu.addSubItem("hash", "MD4 Hash", "MD4 Hash",  "md4.html", "");
  menu.addSubItem("hash", "MD5 Hash", "MD5 Hash",  "md5.html", "");
  menu.addSubItem("hash", "SHA-1 Hash", "SHA-1 Hash",  "sha1.html", "");
  menu.addSubItem("hash", "SHA-256 Hash", "SHA-256 Hash",  "sha256.html", "");
  menu.addSubItem("convert", "Brainfuck Converter", "Brainfuck Converter",  "bf.html", "");
  menu.addSubItem("convert", "Unescape Encoder", "Unescape Encoder",  "unescape.html", "");
  menu.addSubItem("convert", "Binary/ASCII", "Binary/ASCII",  "binary.html", "");
  menu.addSubItem("convert", "Hex/ASCII", "Hex/ASCII",  "hex.html", "");
  menu.addSubItem("convert", "Text Reverser", "Text Reverser",  "reverse.html", "");
  menu.addSubItem("convert", "Morse Code", "Morse Code",  "morse.html", "");
  menu.addSubItem("convert", "Base64/ASCII", "Base64/ASCI",  "base64.html", "");
  menu.addSubItem("tools", "Base Converter", "Base Converter",  "base.html", "");
  menu.addSubItem("tools", "Password Generator", "Password Generator", "passgen.html", "");
menu.showMenu();
}
    
    
      showToolbar();
    
    
      function UpdateIt(){
      if (ie&&keepstatic&&!opr6)
        document.all["MainTable"].style.top = document.body.scrollTop;
        setTimeout("UpdateIt()", 200);
      }
      UpdateIt();