Ergebnis 1 bis 5 von 5
  1. #1
    chrismich ist offline Grünschnabel
    registriert
    07-02-2009
    Beiträge
    7

    Question menüleiste mit javascript (stuHover)

    Hallo,
    ich bin gerade dabei eine Website für einen Verein zu basteln, allerdings hab' ich's nicht so mit Programmierung. Für das Menü hab' ich im Netz irgendwo ein Javascript gefunden. Allerdings funktioniert es nicht so richtig. Die Links lassen sich nicht wirklich anklicken, da das Menü, das sich nach unten öffnen sollte, plötzlich verschwindet.
    Ich hoffe mir kann hier jemand weiterhelfen. Danke schon mal!!

    Die Website findet sich hier: Verein Hilfe zur Selbsthilfe Munyu/Kenia e.V.


    Das ist das javascript dazu:

    stuHover = function() {
    var cssRule;
    var newSelector;
    for (var i = 0; i < document.styleSheets.length; i++)
    for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
    {
    cssRule = document.styleSheets[i].rules[x];
    if (cssRule.selectorText.indexOf("LI:hover") != -1)
    {
    newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
    document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
    }
    }
    var getElm = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<getElm.length; i++) {
    getElm[i].onmouseover=function() {
    this.className+=" iehover";
    }
    getElm[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" iehover\\b"), "");
    }
    }
    }
    if (window.attachEvent) window.attachEvent("onload", stuHover);

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.760

    AW: menüleiste mit javascript (stuHover)

    Das liegt an dem kleinen Spalt zwischen der Navigationsleiste und den Unterpunkten.

  3. #3
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    07-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: menüleiste mit javascript (stuHover)

    Versuch mal den Wert hier zu ändern:
    Code:
    #nav li:hover ul.sub
    {left:2px; top:36px; background: #eee5e3; padding:3px; border:1px solid #86351b; white-space:nowrap; width:120px; height:auto; z-index:300;}


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  4. #4
    yggdrasil84 ist offline Jungspund
    registriert
    24-07-2008
    Beiträge
    24

    AW: menüleiste mit javascript (stuHover)

    Hallo,

    1) ja es liegt wie schon gesagt an dem kleinen Abstand vom Button zum Untermenü

    2) Das identische Menü bekommst du mit einer reinen CSS Lösung auch hin, wenn du schon Javascript verwenden willst, würde ich dir zu einem "stylischeren" Menü raten, mit einer Zeitverzögerung, vielleicht einem Einblendeffekt oder so. Das geht ganz einfach mit JQuery, bzw. schon fertigen JQuery Dateien ohne, dass du irgendetwas schreiben musst.

    JQuery ist ein Javascript Framework, falls du es noch nicht weißt, ziemlich geil

    Also hier mal ein Beispiel:

    Superfish - Suckerfish on 'roids

    Kannst es dann im CSS natürlich verändern und anpassen, sollte auch nur mal ein Beispiel sein :-)

    Lg

  5. #5
    chrismich ist offline Grünschnabel
    registriert
    07-02-2009
    Beiträge
    7

    AW: menüleiste mit javascript (stuHover)

    Vielen Dank für die Antworten!!
    Hab's inzwischen geändert, jetzt funktioniert es prima!

Ähnliche Themen

  1. Javascript durch Link auf 2. Seite ausführen??
    Von Bass-T im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 27-06-2008, 12:35
  2. Verständnisproblem mit PHP Script und JavaScript
    Von krusty007 im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 24-10-2006, 11:11
  3. JavaScript "BlindDown/Up" Sperre für Buttons
    Von JSTester im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 27-09-2006, 13:20
  4. javascript im javascript
    Von goonsite im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 08-04-2005, 21:25
  5. hilfe bei javascript
    Von frank2000 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 17-01-2005, 20:33

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •