pCloud Premium

Hyperlink in nem DropDown-JS?(menu)

    Also... ich hab da `n Script(JS), welches folgendermassen aussieht: (Das is natürlich nich der ganze, aber hiers mein Prob: ich schaffs irgendwie nich die Menus "Opal", Berater", "Projekte", "Module" und "Migration" als Hyperlink zu binden, so dass das Dropdown-Menu noch `runterfliegt?!

    // AddItem(id, text, hint, location, alternativeLocation);
    // AddSubItem(idParent, text, hint, location);

    menu = new Menu();
    menu.addItem("opalid", "Opal", "Opal", null, null);
    menu.addItem("beraterid", "Berater", "Berater", null, null);
    menu.addItem("projektid", "Projekte", "Projekte", null, null);
    menu.addItem("moduleid", "Module", "Module", null, null);
    menu.addItem("migrationid", "Migration", "Migration", null, null);

    menu.addSubItem("opalid", "über uns", "über uns");
    menu.addSubItem("opalid", "Kontakte", "Kontakte");
    menu.addSubItem("opalid", "Lageplan", "Lageplan");

    menu.addSubItem("beraterid", "CV's", "CV's");
    menu.addSubItem("beraterid", "Projekte", "Projekte");

    menu.addSubItem("projektid", "Migrationen", "Migrationen");
    menu.addSubItem("projektid", "Implementationen", "Implementationen");
    menu.addSubItem("projektid", "Releasewechsel", "Releasewechsel");

    menu.addSubItem("moduleid", "Yahoo", "Yahoo", "http://www.yahoo.com/");
    menu.addSubItem("moduleid", "Google", "Google", "http://www.google.com/");
    menu.addSubItem("moduleid", "Excite", "Excite", "http://www.excite.com");
    menu.addSubItem("moduleid", "HotBot", "HotBot", "http://www.hotbot.com");

    menu.addSubItem("migrationid", "Cnet", "Cnet", "http://www.cnet.com/");
    menu.addSubItem("migrationid", "RealAudio", "RealAudio", "http://www.realaudio.com/");
    menu.addSubItem("migrationid", "MP3.com", "MP3.com", "http://www.mp3.com/");

    menu.showMenu();

    Ich wär`euch wirklich sehr verbunden wenn ihr mir helfen könntet; ach... und sorry wenn ich mein Prob etwas unverständlich geschildert habn` sollte. [Blockierte Grafik: https://www.winpower.de/images/smilies/emojione/1f609.png]

    Re: Hyperlink in nem DropDown-JS?(menu)

    Hi Domi,

    ich habe mir das Ding mal angeguckt.. aber ausprobieren kann ich es nur dann, wenn ich das ganze habe. Da es vielleicht zu mühsam wäre, hier alles reinzukopieren, habe etwas anders für dich...

    http://www.bluedom.de/bluedom/generatoren_dropdownmenu.php

    hier kannst du dir ein Dropdown-Menü generieren lassen, und dann den code genau anschauen. Dann hast du natürlich wieder zwei Möglichkeiten. Entweder du nimmst den Code, was dir der Generator ausspuckt, oder du beäugst den Code und besserst deine eventuellen Fehler aus. Ich hoffe ich konnte Dir damit helfen...
    liebe Grüße
    Deibelchen

    [Editiert am 22/9/2003 von Deibelchen]

    Re: Hyperlink in nem DropDown-JS?(menu)

    Danke Deibelchen,

    ich habs mal angeschaut (http://www.bluedom...);
    ganz nett aber ich such was anderes;
    hier der ganze Script:

    <html>
    <head>

    <style>
    all.clsMenuItemNS, .clsMenuItemIE{text-decoration: none; font: bold 14px Arial; color: blue; cursor: hand; z-index:100}
    #MainTable A:hover {color: green;}
    </style>

    <script language="JavaScript">

    //Top Nav Bar I v2- By Constantin Kuznetsov Jr. ()

    var keepstatic=1 //specify whether menu should stay static 0=non static (works only in IE4+)
    var menucolor="#000000" //specify menu color
    var submenuwidth=150 //specify sub menus' color

    </script>

    <title>Welcome to Homepage</title>
    </head>

    <body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">

    <script language="JavaScript">
    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";}

    //Top Nav bar script v2- http://www.dynamicdrive.com/dynamicindex1/sm/index.htm

    opr6=ie&&navigator.userAgent.indexOf("Opera")!=-1

    //window.onerror=new Function("return true")
    ////////////////////////////////////////////////////////////////////////////
    // Function Menu() //
    ////////////////////////////////////////////////////////////////////////////
    rightX = 0;
    function Menu()
    {
    this.bgColor = "white";
    if (ie) this.menuFont = "bold 14px Arial";
    if (n) this.menuFont = "bold 14px 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 += "<!-- MENU PANE DECLARATION BEGINS -->\n";
    HTMLstr += "\n";
    if (iens6) HTMLstr += "<div id='MainTable' style='position:relative;top:0'>\n";
    // if (n) HTMLstr += "<layer name='MainTable'>\n";
    HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";
    HTMLstr += "<tr>";
    if (n) HTMLstr += "<td> ";
    HTMLstr += "<!-- MAIN MENU STARTS -->\n";
    HTMLstr += "<!-- MAIN_MENU -->\n";
    HTMLstr += "<!-- MAIN MENU ENDS -->\n";
    if (n) HTMLstr += "</td>";
    HTMLstr += "</tr>\n";
    HTMLstr += "</table>\n";
    HTMLstr += "\n";
    HTMLstr += "<!-- SUB MENU STARTS -->\n";
    HTMLstr += "<!-- SUB_MENU -->\n";
    HTMLstr += "<!-- SUB MENU ENDS -->\n";
    HTMLstr += "\n";
    if (iens6) HTMLstr+= "</div>\n";
    // if (n) HTMLstr+= "</layer>\n";
    HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";
    }

    function addItem(idItem, text, hint, location, altLocation)
    {
    var Lookup = "<!-- ITEM "+idItem+" -->";
    if (HTMLstr.indexOf(Lookup) != -1)
    {
    alert(idParent + " already exist");
    return;
    }
    var MENUitem = "";
    MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
    if (n)
    {
    MENUitem += "<ilayer name="+idItem+">";
    MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
    MENUitem += " ";
    MENUitem += text;
    MENUitem += "</a>";
    MENUitem += "</ilayer>";
    }
    if (iens6)
    {
    MENUitem += "<td>\n";
    MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n";
    MENUitem += "<a ";
    MENUitem += "class=clsMenuItemIE ";
    // MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";
    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 += "</a>\n";
    MENUitem += "</div>\n";
    MENUitem += "</td>\n";
    }
    MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";
    MENUitem += "<!-- MAIN_MENU -->\n";

    HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);
    }

    function addSubItem(idParent, text, hint, location)
    {
    var MENUitem = "";
    Lookup = "<!-- ITEM "+idParent+" -->";
    if (HTMLstr.indexOf(Lookup) == -1)
    {
    alert(idParent + " not found");
    return;
    }
    Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
    if (HTMLstr.indexOf(Lookup) == -1)
    {
    if (n)
    {
    MENUitem += "\n";
    MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n";
    MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
    MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    MENUitem += "</table>\n";
    MENUitem += "</layer>\n";
    MENUitem += "\n";
    }
    if (iens6)
    {
    MENUitem += "\n";
    MENUitem += "<div id='"+idParent+"submenu' onmouseout=operahide() style='position:absolute; visibility: hidden; z-index:100; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";
    MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
    MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    MENUitem += "</table>\n";
    MENUitem += "</div>\n";
    MENUitem += "\n";
    }
    MENUitem += "<!-- SUB_MENU -->\n";
    HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);
    }

    Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    if (n) MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
    if (iens6) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
    MENUitem += Lookup;
    HTMLstr = HTMLstr.replace(Lookup, MENUitem);

    }

    function showMenu()
    {
    document.writeln(HTMLstr);
    }

    ////////////////////////////////////////////////////////////////////////////
    // Private declaration
    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 (iens6) {
    //alert(document.getElementById(idMainMenu+"submenu").id)
    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 = calculateSumOffset(menu, 'offsetTop') + 30;
    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 (nns6)
    {
    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 (iens6)
    {
    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;
    }

    </script>
    <script language="JavaScript">

    function showToolbar()
    {
    // AddItem(id, text, hint, location, alternativeLocation);
    // AddSubItem(idParent, text, hint, location);

    menu = new Menu();
    menu.addItem("opalid", "Opal", "SAP R/3 Beratung", "menuopal.htm", "submenuopal.htm");
    menu.addItem("beraterid", "Berater", "Berater", "menuberater.htm", "menuberater.htm");
    menu.addItem("projektid", "Projekte", "Projekte", "menuprojekte.htm", "menuprojekte.htm");
    menu.addItem("moduleid", "Module", "Module", "menumodule.htm", "menumodule.htm");
    menu.addItem("migrationid", "Migration", "Migration", "menumigration.htm", "menumigration.htm");

    menu.addSubItem("opalid", "über uns", "über uns");
    menu.addSubItem("opalid", "Kontakte", "Kontakte");
    menu.addSubItem("opalid", "Lageplan", "Lageplan");

    menu.addSubItem("beraterid", "CV's", "CV's");
    menu.addSubItem("beraterid", "Projekte", "Projekte");

    menu.addSubItem("projektid", "Migrationen", "Migrationen");
    menu.addSubItem("projektid", "Implementationen", "Implementationen");
    menu.addSubItem("projektid", "Releasewechsel", "Releasewechsel");

    menu.addSubItem("moduleid", "Yahoo", "Yahoo", "http://www.yahoo.com/");
    menu.addSubItem("moduleid", "Google", "Google", "http://www.google.com/");
    menu.addSubItem("moduleid", "Excite", "Excite", "http://www.excite.com");
    menu.addSubItem("moduleid", "HotBot", "HotBot", "http://www.hotbot.com");

    menu.addSubItem("migrationid", "Cnet", "Cnet", "http://www.cnet.com/");
    menu.addSubItem("migrationid", "RealAudio", "RealAudio", "http://www.realaudio.com/");
    menu.addSubItem("migrationid", "MP3.com", "MP3.com", "http://www.mp3.com/");

    menu.showMenu();
    }
    </script>
    <script language="JavaScript">
    showToolbar();
    </script>
    <script language="JavaScript">
    function UpdateIt(){
    if (ie&&keepstatic&&!opr6)
    document.all["MainTable"].style.top = document.body.scrollTop;
    setTimeout("UpdateIt()", 200);
    }
    UpdateIt();
    </script><!-- script ende //-->

    Nochmals THX!

    Re: Hyperlink in nem DropDown-JS?(menu)

    Danke Deibelchen,

    ich habs mal angeschaut (http://www.bluedom...);
    ganz nett aber ich such was anderes;
    hier der ganze Script:

    <html>
    <head>

    <style>
    all.clsMenuItemNS, .clsMenuItemIE{text-decoration: none; font: bold 14px Arial; color: blue; cursor: hand; z-index:100}
    #MainTable A:hover {color: green;}
    </style>

    <script language="JavaScript">

    //Top Nav Bar I v2- By Constantin Kuznetsov Jr. ()

    var keepstatic=1 //specify whether menu should stay static 0=non static (works only in IE4+)
    var menucolor="#000000" //specify menu color
    var submenuwidth=150 //specify sub menus' color

    </script>

    <title>Welcome to Homepage</title>
    </head>

    <body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">

    <script language="JavaScript">
    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";}

    //Top Nav bar script v2- http://www.dynamicdrive.com/dynamicindex1/sm/index.htm

    opr6=ie&&navigator.userAgent.indexOf("Opera")!=-1

    //window.onerror=new Function("return true")
    ////////////////////////////////////////////////////////////////////////////
    // Function Menu() //
    ////////////////////////////////////////////////////////////////////////////
    rightX = 0;
    function Menu()
    {
    this.bgColor = "white";
    if (ie) this.menuFont = "bold 14px Arial";
    if (n) this.menuFont = "bold 14px 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 += "<!-- MENU PANE DECLARATION BEGINS -->\n";
    HTMLstr += "\n";
    if (iens6) HTMLstr += "<div id='MainTable' style='position:relative;top:0'>\n";
    // if (n) HTMLstr += "<layer name='MainTable'>\n";
    HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>\n";
    HTMLstr += "<tr>";
    if (n) HTMLstr += "<td> ";
    HTMLstr += "<!-- MAIN MENU STARTS -->\n";
    HTMLstr += "<!-- MAIN_MENU -->\n";
    HTMLstr += "<!-- MAIN MENU ENDS -->\n";
    if (n) HTMLstr += "</td>";
    HTMLstr += "</tr>\n";
    HTMLstr += "</table>\n";
    HTMLstr += "\n";
    HTMLstr += "<!-- SUB MENU STARTS -->\n";
    HTMLstr += "<!-- SUB_MENU -->\n";
    HTMLstr += "<!-- SUB MENU ENDS -->\n";
    HTMLstr += "\n";
    if (iens6) HTMLstr+= "</div>\n";
    // if (n) HTMLstr+= "</layer>\n";
    HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";
    }

    function addItem(idItem, text, hint, location, altLocation)
    {
    var Lookup = "<!-- ITEM "+idItem+" -->";
    if (HTMLstr.indexOf(Lookup) != -1)
    {
    alert(idParent + " already exist");
    return;
    }
    var MENUitem = "";
    MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
    if (n)
    {
    MENUitem += "<ilayer name="+idItem+">";
    MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
    MENUitem += " ";
    MENUitem += text;
    MENUitem += "</a>";
    MENUitem += "</ilayer>";
    }
    if (iens6)
    {
    MENUitem += "<td>\n";
    MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>\n";
    MENUitem += "<a ";
    MENUitem += "class=clsMenuItemIE ";
    // MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";
    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 += "</a>\n";
    MENUitem += "</div>\n";
    MENUitem += "</td>\n";
    }
    MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";
    MENUitem += "<!-- MAIN_MENU -->\n";

    HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);
    }

    function addSubItem(idParent, text, hint, location)
    {
    var MENUitem = "";
    Lookup = "<!-- ITEM "+idParent+" -->";
    if (HTMLstr.indexOf(Lookup) == -1)
    {
    alert(idParent + " not found");
    return;
    }
    Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
    if (HTMLstr.indexOf(Lookup) == -1)
    {
    if (n)
    {
    MENUitem += "\n";
    MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>\n";
    MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
    MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    MENUitem += "</table>\n";
    MENUitem += "</layer>\n";
    MENUitem += "\n";
    }
    if (iens6)
    {
    MENUitem += "\n";
    MENUitem += "<div id='"+idParent+"submenu' onmouseout=operahide() style='position:absolute; visibility: hidden; z-index:100; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>\n";
    MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">\n";
    MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    MENUitem += "</table>\n";
    MENUitem += "</div>\n";
    MENUitem += "\n";
    }
    MENUitem += "<!-- SUB_MENU -->\n";
    HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);
    }

    Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
    if (n) MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
    if (iens6) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"'>"+text+"</a><br></td></tr>\n";
    MENUitem += Lookup;
    HTMLstr = HTMLstr.replace(Lookup, MENUitem);

    }

    function showMenu()
    {
    document.writeln(HTMLstr);
    }

    ////////////////////////////////////////////////////////////////////////////
    // Private declaration
    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 (iens6) {
    //alert(document.getElementById(idMainMenu+"submenu").id)
    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 = calculateSumOffset(menu, 'offsetTop') + 30;
    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 (nns6)
    {
    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 (iens6)
    {
    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;
    }

    </script>
    <script language="JavaScript">

    function showToolbar()
    {
    // AddItem(id, text, hint, location, alternativeLocation);
    // AddSubItem(idParent, text, hint, location);

    menu = new Menu();
    menu.addItem("opalid", "Opal", "SAP R/3 Beratung", "menuopal.htm", "submenuopal.htm");
    menu.addItem("beraterid", "Berater", "Berater", "menuberater.htm", "menuberater.htm");
    menu.addItem("projektid", "Projekte", "Projekte", "menuprojekte.htm", "menuprojekte.htm");
    menu.addItem("moduleid", "Module", "Module", "menumodule.htm", "menumodule.htm");
    menu.addItem("migrationid", "Migration", "Migration", "menumigration.htm", "menumigration.htm");

    menu.addSubItem("opalid", "über uns", "über uns");
    menu.addSubItem("opalid", "Kontakte", "Kontakte");
    menu.addSubItem("opalid", "Lageplan", "Lageplan");

    menu.addSubItem("beraterid", "CV's", "CV's");
    menu.addSubItem("beraterid", "Projekte", "Projekte");

    menu.addSubItem("projektid", "Migrationen", "Migrationen");
    menu.addSubItem("projektid", "Implementationen", "Implementationen");
    menu.addSubItem("projektid", "Releasewechsel", "Releasewechsel");

    menu.addSubItem("moduleid", "Yahoo", "Yahoo", "http://www.yahoo.com/");
    menu.addSubItem("moduleid", "Google", "Google", "http://www.google.com/");
    menu.addSubItem("moduleid", "Excite", "Excite", "http://www.excite.com");
    menu.addSubItem("moduleid", "HotBot", "HotBot", "http://www.hotbot.com");

    menu.addSubItem("migrationid", "Cnet", "Cnet", "http://www.cnet.com/");
    menu.addSubItem("migrationid", "RealAudio", "RealAudio", "http://www.realaudio.com/");
    menu.addSubItem("migrationid", "MP3.com", "MP3.com", "http://www.mp3.com/");

    menu.showMenu();
    }
    </script>
    <script language="JavaScript">
    showToolbar();
    </script>
    <script language="JavaScript">
    function UpdateIt(){
    if (ie&&keepstatic&&!opr6)
    document.all["MainTable"].style.top = document.body.scrollTop;
    setTimeout("UpdateIt()", 200);
    }
    UpdateIt();
    </script><!-- script ende //-->

    Nochmals THX!

    Re: Hyperlink in nem DropDown-JS?(menu)

    Hallo Domi....

    ich habe es mir kopiert und werde es nachher mal auseinandernehmen...Ich denke mal,du hast irgendwo nen Tippfehler drin,oder ein befehl falsch...Aber... den finde ich schon...
    schicke mir bitte mal eine e-mail auf: damit ich deine mail addi habe.ist besser,als wenn ich hier dann wieder den ganzen script einfüge [Blockierte Grafik: https://www.winpower.de/images/smilies/emojione/1f609.png]

    LG Deibelchen...


    [Editiert am 22/9/2003 von Deibelchen]

    Re: Hyperlink in nem DropDown-JS?(menu)

    so domi..

    ich glaube ich habe einen Fehler gefunden....

    und zwar es ist ziemlich am Anfang deines Scriptes.

    var submenuwidth=150 //specify sub menus' color

    da ist nur ein ' . Normalerweise sind da immer zwei. eins vorne eins hinten. Probier mal, ob es funtzt wenn du zwei ranmachst..

    liebe grüsse
    anni

WindowsPower.de Artikel

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden