Ergebnis 1 bis 3 von 3
  1. #1
    JanBanan ist offline Grünschnabel
    registriert
    29-01-2013
    Beiträge
    2

    Das untere Menü wird abgeschnitten!

    Hallo zusammen!

    Ich hätte da mal eine Frage!

    Ich verwende für eine Website (lingomedia.de) einen HTML-Script für eine Menüsteuerung.
    Seit der Browserversion IE9 wird nach dem Klick auf Start das untere Menü "AGB" abgeschnitten
    und nur durch einen Klick auf den oberen Button "Kompatibilitätsansicht" richtig sichtbar.

    Kann mir da einer einen Tipp geben?
    Nachfolgend mal der Script dazu:

    LG JanBanan


    Code:
    <!--
      function link(href, linktext, target)
      {
        this.href = href;
        this.linktext = linktext;
        this.target = target;
      }
    
      function is_sub(arr, href)
      {
        for(var elem in arr)
          if(arr[elem].href == href)
            return(true);
        
        return(false);
      }
    
      function output(links)
      {
        var cls;
        var cls_l;
        var height;
        
        var filename = location.href.split("?")[0];
        filename = filename.substring(filename.lastIndexOf("/")+1, filename.length);
        
        document.writeln('<table cellpadding="0" cellspacing="0" class="menutable" onMouseOut="dehighlight()">');
    
        
        for(var i=0; i<links.length; i++)
        {
          for(var k=0; k<links[i].length; k++)
          {
            if(k == 0)
              cls = "menu_main";
            else  
              cls = "menu_sub";
              
            if(k > 0)
              if(!is_sub(links[i], filename))
                continue;
            
            
            if(k == 0)
            {
              // hauptmenüeintrag
              
              height = window.menuoptions["height"];
              
              if (links[i][0].href == filename || is_sub(links[i], filename))
              {
                cls_l = "menu_mark_main_l";
                cls = "menu_mark_main";
                
                window.main_item = i + "_" + k;
              }
              else
                cls_l = "menu_main";
            }
            else
            {
              // untermenüeinträge
              
              height = window.menuoptions["height_sub"];
    
              if (links[i][k].href == filename)
              {
                cls_l = "menu_mark_sub_l";
                cls = "menu_mark_sub";
              
                window.sub_item = i + "_" + k;
              }
              else
                cls_l = "menu_sub";
            }
            
            
                      
            document.writeln('<tr onMouseOver="highlight(\'' + i + '_' + k + '\')">');
            document.writeln('  <td id="td_l_' + i + '_' + k + '" class="' + cls_l + '" style="width: ' + window.menuoptions["width_l"] + 'px; height: ' + height + 'px;">&nbsp;</td>');
            document.writeln('  <td class="' + cls + '" style="width: ' + window.menuoptions["width_r"] + 'px; height: ' + height + 'px;"><a class="' + cls + '" style="border: none;" href="' + links[i][k].href + '" onFocus="if (this.blur) this.blur()">' + links[i][k].linktext + '</a></td>');
    
            document.writeln("</tr>");
    
                  
          }
        
        }
        
        document.writeln("</table>");
              
      }
      
      function get_element(id)
      {
        if(document.all)
          return(eval("document.all." + id));
        else
          return(document.getElementById(id));
      }
      
      function highlight(name)
      {       
        var ids = name.split("_");
        
        if(ids[1] > 0)
        {
          // Untermenüeintrag      
          if(window.sub_item != name)
            get_element("td_l_" + name).className = "menu_highlight_sub_l";
          
        }
        else
        {      
          // Hauptmenüeintrag
          if(window.main_item != name)
            get_element("td_l_" + name).className = "menu_highlight_main_l";
          
        }
        
        window.highlighted = name;
          
      }
    
      function dehighlight()
      {          
        var ids = window.highlighted.split("_");
        
        if(ids[1] > 0)
        {
          // Untermenüeintrag
          get_element("td_l_" + window.highlighted).className = "menu_sub";
          
          if(window.sub_item)
            get_element("td_l_" + window.sub_item).className = "menu_mark_sub_l";
          
        }
        else
        {
          // Hauptmenüeintrag
          get_element("td_l_" + window.highlighted).className = "menu_main";
    
          if(window.main_item)
            get_element("td_l_" + window.main_item).className = "menu_mark_main_l";
          
        }
    
      }
      
      // ---------------------------
      
      
      var menuoptions = new Array();
      menuoptions["width_l"] = 17;    // Breite der linken Tabellenspalte (mit den Pfeilen)
      menuoptions["width_r"] = 150;   // Breite der rechten Tabellenspalte
      menuoptions["height"] = 22;     // Höhe der Hauptmenüpunkte
      menuoptions["height_sub"] = 17; // Höhe der Untermenüpunkte
      //menuoptions["x"] = 50;
      //menuoptions["y"] = 50;
    
      
      var links = new Array();
    
    -->

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

    AW: Das untere Menü wird abgeschnitten!

    Tja, das <div id="scha_un"> ist einfach an der falschen Stelle... und <table>-Layouts sind jetzt auch nicht wirklich auf der Höhe der Zeit...

    PS: document.writeln ist jetzt nicht wirklich dein Ernst... sowas macht man serverseitig!
    PPS: :hover macht deine highlight() und dehighlight() Funktionen komplett überflüssig und funktioniert auch bei deaktiviertem JS.
    PPPS: Insgesamt ist dein JS ziemlich zum Fürchten... globale Variablen, geschweifte Klammern fehlen, Arrays, die als Objekte missbraucht werden... allein schon die "Technik" des Menüaufbaus mit JS - es gibt viele Leute, die mit deaktiviertem JS surfen und dann ist die Seite komplett unbenutzbar.
    PPPPS: dir ist hoffentlich klar, dass ein Teil der Seite nicht sichtbar ist, wenn das Fenster zu klein ist...

    So... ich muss wieder in den Haupttext... sonst werden's zu viele "P"s.

    Ihr wollt nicht wirklich mit dieser Seite als Werbeagentur für Internetpräsentationen werben.?

    Ihr verwendet <frameset>... das ist aus dem HTML-Standard rausgeflogen und zu Recht in HTML5 nicht mehr drin.
    Auch ist das HTML nicht valide (zwar nur Kleinigkeiten, aber trotzdem).
    Zu dem sollte man Text nur dann in Bilder stecken, wenn er auch im alt-Attribut nochmal zu finden ist - Barrierefreiheit und so... sollte man als wissen, wenn man Dienstleistungen im Bereich Internet anbietet.

    Auch Scrollscripte, die nur über Buttonklicks (es heißt übrigens onclick - alle deine Event-Attribute sind falsch geschrieben) funktionieren, sind nervig und vertreiben Besucher, da man nicht mit dem Mausrad oder Ähnlichem scrollen kann.

    Zu guter Letzt bin ich der Meinug, dass man mit Dreamweaver keine professionellen Webseiten erstellen kann.

  3. #3
    JanBanan ist offline Grünschnabel
    registriert
    29-01-2013
    Beiträge
    2

    AW: Das untere Menü wird abgeschnitten!

    Zitat Zitat von kkapsner Beitrag anzeigen
    Tja, das <div id="scha_un"> ohne Worte
    Ja, ja, ja - Stimmt ja auch alles! Ist ja auch eine alte Seite.
    Habe nur kurzfristig eine Aktualisierung gebraucht.

    Vergess den Thread!
    Ich baue es lieber direkt in ein neues Joomla-System ein.

    Trotzdem, lieben Dank für die Antwort!
    Gruß JanBanan

Ähnliche Themen

  1. Problem bei Auslesen von MS SQL mit PHP - Inhalt abgeschnitten
    Von Gambrius im Forum Serverseitige Programmierung
    Antworten: 4
    Letzter Beitrag: 26-08-2008, 20:58
  2. Antworten: 16
    Letzter Beitrag: 18-01-2007, 09:31
  3. JS Menü wird von Opera nicht angezeigt
    Von Sofa im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 28-07-2006, 14:27
  4. Mouseover Menü wird von Text überdeckt
    Von jule23 im Forum CSS und (X)HTML
    Antworten: 1
    Letzter Beitrag: 12-09-2005, 17:15
  5. Menuepopup verschoben bzw. abgeschnitten
    Von tiny_imp im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 06-12-2004, 18:06

Lesezeichen

Berechtigungen

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