Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: topmenu.js aus dem admin

    karl

    • Schreiberling
    • Beiträge: 439
    topmenu.js aus dem admin
    am: 29. Dezember 2011, 19:50:29
    Hallo,
    würde gern beim topmenu im admin auch die Überschrift dauerhaft als hover eingeblendet haben, wenn das Untermenü angezeigt wird. Derzeit hat die Überschrift ja keinen Effekt und wenn man mit der Maus drüber fährt, dann wird ja das Untermenü sichtbar. Habe nun einen hovereffekt mit css gebastelt, benötige aber im unten angegebenen javascript den Befehl, dass dieser Effekt bestehen bleibt, solange auch das Untermenü sichtbar ist.

    Und da ich von Java sowas von überhaupt keine Ahnung habe, wäre es sehr nett wenn mir jemand den funktionierenden Ausdruck hier postet. Bitte keine Hinweise wo ich suche sollte, das ist nicht meine Welt!

    Code: PHP  [Auswählen]
    //SuckerTree Horizontal Menu (Sept 14th, 06)
    //By Dynamic Drive: http://www.dynamicdrive.com/style/

    var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

    function buildsubmenus_horizontal(){
    for (var i=0; i<menuids.length; i++){
      var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
        for (var t=0; t<ultags.length; t++){
                    if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
                            ultags[t].style.top=(ultags[t].parentNode.offsetHeight) +"px" //dynamically position first level submenus to be height of main menu item
                            //ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
                    }
                    else{ //else if this is a sub level menu (ul)
                      ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
              //ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
                    }
        ultags[t].parentNode.onmouseover=function(){
        this.getElementsByTagName("ul")[0].style.visibility="visible"
        }
        ultags[t].parentNode.onmouseout=function(){
        this.getElementsByTagName("ul")[0].style.visibility="hidden"
        }
        }
      }
    }

    if (window.addEventListener)
    window.addEventListener("load", buildsubmenus_horizontal, false)
    else if (window.attachEvent)
    window.attachEvent("onload", buildsubmenus_horizontal)


    Linkback: https://www.modified-shop.org/forum/index.php?topic=17596.0

    karl

    • Schreiberling
    • Beiträge: 439
    Re: topmenu.js aus dem admin
    Antwort #1 am: 29. Dezember 2011, 20:38:57
    Konnte leider meinen eigenen Beitrag nicht editieren!
    Also das Problem ist eigentlich keines, denn es funzt wenn man statt des <div> tags dem vorausgehenden <li> tag eine Klasse gibt (in der "column_left.php"). Dann bleibt auch der Effekt stehen!

    Nun zum nächsten Problem.
    Wenn nun aus dem Menü z.B. Kunden/Kundengruppe gewählt wurde, wie kann ich es der Überschrift "Kunden" beibringen als hover da zu stehen? Also das gleiche wie oben angefragt nur eben das der hovereffekt auch dann steht wenn man einen Punkt gewählt hat und sich auf dieser Seite befindet.

    Hier mal der Auszug der "column_left.php" dazu:

    Code: PHP  [Auswählen]
    //---------------------------KUNDEN
    echo ('<li>');
      echo ('<div class="dataTableHeadingContent"><strong>'.BOX_HEADING_CUSTOMERS.'</strong></div>');
    echo ('<ul>');
      if (($_SESSION['customers_status']['customers_status_id'] == '0') && ($admin_access['customers'] == '1')) echo '<li><a href="' . xtc_href_link(FILENAME_CUSTOMERS, '', 'NONSSL') . '" class="menuBoxContentLink1"> -' . BOX_CUSTOMERS . '</a></li>';
      if (($_SESSION['customers_status']['customers_status_id'] == '0') && ($admin_access['customers_status'] == '1')) echo '<li><a href="' . xtc_href_link(FILENAME_CUSTOMERS_STATUS, '', 'NONSSL') . '" class="menuBoxContentLink1"> -' . BOX_CUSTOMERS_STATUS . '</a></li>';
    // BOF - Tomcraft - 2009-11-02 - set global customers-group-permissions
      if (GROUP_CHECK=='true') {
        if (($_SESSION['customers_status']['customers_status_id'] == '0') && ($admin_access['customers_group'] == '1')) echo '<li><a href="' . xtc_href_link('customers_group.php', '', 'NONSSL') . '" class="menuBoxContentLink"> -' . BOX_CUSTOMERS_GROUP . '</a></li>';
      }
    // EOF - Tomcraft - 2009-11-02 - set global customers-group-permissions
      if (($_SESSION['customers_status']['customers_status_id'] == '0') && ($admin_access['orders'] == '1')) echo '<li><a href="' . xtc_href_link(FILENAME_ORDERS, '', 'NONSSL') . '" class="menuBoxContentLink1"> -' . BOX_ORDERS . '</a></li>';
    echo ('</ul>');
    echo ('</li>');

    mit der folgenden Klasse sieht das dann so aus:
    Code: PHP  [Auswählen]
    [code=php]//---------------------------KUNDEN
    echo ('<li class="bild1">');
      echo (' ');
    echo ('<ul>');

    Mit einem Bild + Klasse in das "echo" geschrieben wo vorher das div-Tag war, funzt das nicht. Ist das nicht schön wenn das Bild mal nicht geladen wird wegen dem fehlenden "alt"-Attribut.

    Wäre eine nette optische Verbesserung.
    6 Antworten
    6466 Aufrufe
    16. September 2010, 13:18:19 von N2106
    14 Antworten
    8415 Aufrufe
    20. April 2010, 15:42:45 von os-design.eu
    Verzogenes Topmenü

    Begonnen von Anonym am Templates

    16 Antworten
    8546 Aufrufe
    18. Januar 2011, 21:13:03 von Anonym