Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 19
  1. #1
    Avatar von Pharlap
    Pharlap ist offline Mitglied
    registriert
    02-11-2005
    Beiträge
    29

    Kleiner Umbau eines Menüs

    Hallo Leute,

    ich habe da ein kleines Problem mit einer Memüleiste.
    Die Menüleiste beinhaltet 7 Menüpunkte und funktioniert auch perfekt.

    Nur möchte ich jetzt den Homebutton gerne löschen und direkt mit contact beginnen, Wenn ich diesen Teil ...

    //Hauptmenüpunkt Home
    var menu = new list(new link("Home", "testlink.html", "body"));

    ... jedoch aus dem unteren Script herauslösche, funktioniert der Script leider nicht mehr.

    Über eine Antwort, was ich da falsch gemacht habe, würde ich mich sehr freuen!!!
    Zum besseren Verständnis nachfolgend auch der ganze Script.
    Die Menüeinträge sind dabei ganz unten.

    Der Script

    Code:
    <!--
      // define a class list with 3 pointers
      function list(elem)
      {
        this.element = elem; // pointer to the element containing the data
        this.next = null; // pointer to the next list entry
        this.sub = null; // pointer to its sub entries
      }
    
      // append a new list to liste and set its element to elem
      function append(liste, elem)
      {
        var buffer = liste;
    
        while (buffer.next != null)
          buffer = buffer.next;
    
        buffer.next = new list(elem);
      }
    
      // define a class for a link
      function link(text, url, target)
      {
        this.text = text;
        this.url = url;
        this.target = target;
      }
      
      // get the "number"th element from liste
      function get_list(liste, number)
      {
        var buffer = liste;
    
        for (var i = 0; i <= number; i++)
          if (i == number)
            return(buffer);
          else
            buffer = buffer.next;
      }
    
      function get_list_by_id(liste, id_)
      {
        var buffer = liste;
        var res = null;
    
        while (buffer.next != undefined)
        {
          if (buffer.id__ == id_)
            return(buffer);
          else
            if (buffer.sub != null)
            {
              res = get_list_by_id(buffer.sub, id_);
              if (res != null)
                return(res);
            }
    
          buffer = buffer.next;
    
    
        }
    
        // last element
    
        if (buffer.id__ == id_)
          return(buffer);
        else
          if (buffer.sub != null)
          {
            res = get_list_by_id(buffer.sub, id_);
            if (res != null)
              return(res);
          }
    
        return(null);
      }
    
      function output(liste, null_null, level, id_)
      {
        var buffer = liste;
        var x;
        var y;
        var elem_num = 0;
        var vis;
        var cls;
        var img;
        var real_width = window.item_width;
        var real_height = window.item_height;
        var str_hide;
        var main_item = -1;
        
        if (id_.split("_")[1] != undefined)
          main_item = id_.split("_")[1];
                
        // all browsers with mozilla engine add the padding on the width and height parameters
        // so if the user surfs with such a browser, calculate the real item size
        if (navigator.appName.toLowerCase() == "netscape" || navigator.appName.toLowerCase() == "mozilla")
        {
          real_width -= window.padding_left;
          real_height -= window.padding_top;      
        }
    
    
        document.writeln("<p>");
    
        while (buffer.next != undefined)
        {
          if (level == 0)
          {
            x = null_null[0] + elem_num * window.item_width;
            y = null_null[1];
            cls = "main";
            vis = "visible";
            
            main_item = elem_num;
          }
          else
          {
            x = null_null[0];
            y = null_null[1] + elem_num * window.item_height;
            cls = "sub";
            vis = "hidden";
          }
    
          if (buffer.sub != null)
            if(level == 0)
              img = window.main_expand_image_style;
            else
              img = window.subs_expand_image_style;
          else
            img = "";
            
          str_hide = "clear_menu(\\\'" + id_ + "_" + elem_num + "\\\', window.menu, 0);";
    
          document.writeln("<span class=\"" + cls + "\" id=\"" + id_ + "_" + elem_num + "\" onMouseOver=\"show_menu('" + id_ + "_" + elem_num + "');set_class('" + id_ + "_" + elem_num + "', '" + cls + "_active');\" onMouseOut=\"window.h = setTimeout('" + str_hide + "', 10);\" style=\"visibility: " + vis + "; position: absolute; top: " + y + "px; left: " + x + "px; height: " + real_height + "px; width: " + real_width + "px; " + img + "\">" + create_link(buffer.element, cls, main_item) + "</span>");
          buffer.id__ = id_ + "_" + elem_num;
          
          
          if (level == 0 && get_main() == elem_num)
            set_class(id_ + "_" + elem_num, "main_active")
    
          if (buffer.sub != null)
          {
            if (level == 0)
    	  y += window.item_height;
    	else
    	  x += window.item_width;
    
            output(buffer.sub, new Array(x, y), level + 1, id_ + "_" + elem_num);
          }
    
          buffer = buffer.next;
          elem_num++;
        }
    
        // last element
        
        if (level == 0)
        {
          x = null_null[0] + elem_num * window.item_width;
          y = null_null[1];
          cls = "main";
          vis = "visible";
    
          main_item = elem_num;
        }
        else
        {
          x = null_null[0];
          y = null_null[1] + elem_num * window.item_height;
          cls = "sub";
          vis = "hidden";
        }
    
        if (buffer.sub != null)
          if(level == 0)
            img = window.main_expand_image_style;
          else
            img = window.subs_expand_image_style;
        else
          img = "";
    
        str_hide = "clear_menu(\\\'" + id_ + "_" + elem_num + "\\\', window.menu, 0);";
    
        document.writeln("<span class=\"" + cls + "\" id=\"" + id_ + "_" + elem_num + "\" onMouseOver=\"show_menu('" + id_ + "_" + elem_num + "');set_class('" + id_ + "_" + elem_num + "', '" + cls + "_active');\" onMouseOut=\"window.h = setTimeout('" + str_hide + "', 10);\" style=\"visibility: " + vis + "; position: absolute; top: " + y + "px; left: " + x + "px; height: " + real_height + "px; width: " + real_width + "px; " + img + "\">" + create_link(buffer.element, cls, main_item) + "</span>");
        buffer.id__ = id_ + "_" + elem_num;
    
        if (level == 0 && get_main() == elem_num)
          set_class(id_ + "_" + elem_num, "main_active")
    
        if (buffer.sub != null)
        {
          if (level == 0)
            y += window.item_height;
          else
    	x += window.item_width;
    
          output(buffer.sub, new Array(x, y), level + 1, id_ + "_" + elem_num);
        }
    
        document.writeln("</p>");
      }
    
      function show_menu(id_)
      {
        clearTimeout(window.h);
        
        var list = window.menu;
           
        hide_menu(id_, list, 0);
    
        list = get_list_by_id(list, id_).sub;
    
        if (list != undefined)
        {
          while (list.next != undefined)
          {
            get_element(list.id__).style.visibility = "visible";
    
            list = list.next;
          }
    
          get_element(list.id__).style.visibility = "visible";
        }
      }
    
      function hide_menu(id_, liste, lev)
      {
        var buffer = liste;
        var cls;
    
        level = id_.split("_").length - 2;
    
    
        while (buffer.next != undefined)
        {
    
          if(level <= lev)
          {
            if (lev == 0)
              cls = "main";
            else
              cls = "sub";
    
            set_class(buffer.id__, cls);
          }
    
          if (lev > level)
            get_element(buffer.id__).style.visibility = "hidden";
    
          if (buffer.sub != null)
            hide_menu(id_, buffer.sub, lev + 1)
    
          buffer = buffer.next;
    
    
        }
    
        // last element
    
        if(level <= lev)
        {
          if (lev == 0)
            cls = "main";
          else
            cls = "sub";
    
          set_class(buffer.id__, cls);
        }
    
        if (lev > level)
          get_element(buffer.id__).style.visibility = "hidden";
    
        if (buffer.sub != null)
          hide_menu(id_, buffer.sub, lev + 1)
    
    
      }
    
      function clear_menu(id_, liste, lev)
      {
        var buffer = liste;
        var cls;
    
        //level = id_.split("_").length - 2;
        var level;
    
    
        while (buffer.next != undefined)
        {
          level = buffer.id__.split("_").length - 2;
          
          if (level == 0)
          {
            cls = "main";
                    
            if ("li_" + get_main() == buffer.id__)
              cls += "_active";
          }
          else
            cls = "sub";
            
          set_class(buffer.id__, cls);
    
          if (level > 0)
            get_element(buffer.id__).style.visibility = "hidden";
          
          if (buffer.sub != null)
            clear_menu(id_, buffer.sub, lev);
    
          buffer = buffer.next;
    
    
        }
    
        // last element
    
        level = buffer.id__.split("_").length - 2;
        
        if (level == 0)
        {
          cls = "main";
             
          if ("li_" + get_main() == buffer.id__)
            cls += "_active";
        }
        else
          cls = "sub";
    
        set_class(buffer.id__, cls);
    
        if (level > 0)
          get_element(buffer.id__).style.visibility = "hidden";
        
        if (buffer.sub != null)
          clear_menu(id_, buffer.sub, lev);
    
    
      }
    
      // change id's class to cls
      function set_class(id, cls)
      {
        get_element(id).className = cls;
      }
      
      // get a specified element by its id
      function get_element(element_name)
      {
        if (document.all)
          return(eval("document.all." + element_name));
        else
          return(document.getElementById(element_name));
      }
    
      function create_link(link, cls, main_item)
      {
        var ret = "<a class=\"" + cls + "\" href=\"";
        
        if (link.url != "")
          ret += link.url + "?main=" + main_item; 
        
        ret += "\"";
        
        if (link.target != undefined)
          ret += " target=\"" + link.target + "\""
        
        ret += ">" + link.text + "</a>";
            
        return(ret);
      }
      
      function get_main()
      {
        for (var elem in location.search.substring(1).split("&"))      
          if (location.search.substring(1).split("&")[elem].split("=")[0] == "main")
            return(location.search.substring(1).split("&")[elem].split("=")[1]);
            
        return(-1);
      }
      // --------------------------------------------
      
      var h;
    
      var item_width = 104; //Breite in Pixel der einzelnen Menüpunkte
      var item_height = 19; //Höhe in Pixel der einzelnen Menüpunkte
      
      // padding parameters of css-classes
      var padding_left = 4;
      var padding_top = 4;
                
      var main_expand_image_style = "background-image: url(pf-main.gif); background-position: center right; background-repeat: no-repeat;";
      var subs_expand_image_style = "background-image: url(pf-sub.gif); background-position: center right; background-repeat: no-repeat;";
    
    
      //Hauptmenüpunkt Home
      var menu = new list(new link("Home", "testlink.html", "body"));
      
      //Hauptmenüpunkt contact
      append(menu, new link("contact", "testlink.html", "body"));
      //Untermenüpunkte von contact\...
      get_list(menu, 1).sub = new list(new link("legal notice", "testlink.html", "body"));
      append(get_list(menu, 1).sub, new link("copyright", "testlink.html", "body"));
      append(get_list(menu, 1).sub, new link("webmaster", "testlink.html", "body"));
      append(get_list(menu, 1).sub, new link("feedback", "testlink.html", "body"));
      
      //Hauptmenüpunkt discography
      append(menu, new link("discography", "testlink.html", "body"));
      //Untermenüpunkte von discography\...
      get_list(menu, 2).sub = new list(new link("singles", "testlink.html", "body"));
      append(get_list(menu, 2).sub, new link("albums", "testlink.html", "body"));
      append(get_list(menu, 2).sub, new link("sampler", "testlink.html", "body"));
    
      //Hauptmenüpunkt gallery
      append(menu, new link("gallery", "testlink.html", "body"));
      //Untermenüpunkte von gallery\...
      get_list(menu, 3).sub = new list(new link("overview", "testlink.html", "body"));
      append(get_list(menu, 3).sub, new link("bananaband", "testlink.html", "body"));
      append(get_list(menu, 3).sub, new link("Neuwied-1993", "testlink.html", "body"));
      append(get_list(menu, 3).sub, new link("Elmpt-2004", "testlink.html", "body"));
    
      //Hauptmenüpunkt this & that
      append(menu, new link("this & that", "testlink.html", "body"));
      //Untermenüpunkte von this & that\...
      get_list(menu, 4).sub = new list(new link("biography", "testlink.html", "body"));
      append(get_list(menu, 4).sub, new link("lyrics", "testlink.html", "body"));
      append(get_list(menu, 4).sub, new link("fan clubs", "testlink.html", "body"));
      append(get_list(menu, 4).sub, new link("chart positions", "testlink.html", "body"));
      append(get_list(menu, 4).sub, new link("accident 08/1980", "testlink.html", "body"));
      
      //Hauptmenüpunkt links
      append(menu, new link("links", "testlink.html", "body"));
      //Untermenüpunkte von links\...
      get_list(menu, 5).sub = new list(new link("Harpo web pages", "testlink.html", "body"));
      append(get_list(menu, 5).sub, new link("Harpo`s management", "testlink.html", "body"));
      append(get_list(menu, 5).sub, new link("search engines", "testlink.html", "body"));
      append(get_list(menu, 5).sub, new link("general", "testlink.html", "body"));
      
      //Hauptmenüpunkt support
      append(menu, new link("support", "testlink.html", "body"));
      //Untermenüpunkte von support\...
      get_list(menu, 6).sub = new list(new link("help", "testlink.html", "body"));
      append(get_list(menu, 6).sub, new link("website info", "testlink.html", "body"));
      append(get_list(menu, 6).sub, new link("downloads", "testlink.html", "body"));
      append(get_list(menu, 6).sub, new link("sitemap", "testlink.html", "body"));
    
    
      output(menu, new Array(10,10), 0, "li");
    //-->
    Viele Grüße Pharlap

  2. #2
    pit-r Guest

    AW: Kleiner Umbau eines Menüs

    Moin!
    PHP-Code:
      //Hauptmenüpunkt contact 
      
    var menu = new list(new link("contact""testlink.html""body")); 
      
    //Untermenüpunkte von contact\... 
      
    get_list(menu0).sub = new list(new link("legal notice""testlink.html""body")); 
      
    append(get_list(menu0).sub, new link("copyright""testlink.html""body")); 
      
    append(get_list(menu0).sub, new link("webmaster""testlink.html""body")); 
      
    append(get_list(menu0).sub, new link("feedback""testlink.html""body")); 
       
      
    //Hauptmenüpunkt discography 
      
    append(menu, new link("discography""testlink.html""body")); 
      
    //Untermenüpunkte von discography\... 
      
    get_list(menu1).sub = new list(new link("singles""testlink.html""body")); 
      
    append(get_list(menu1).sub, new link("albums""testlink.html""body")); 
      
    append(get_list(menu1).sub, new link("sampler""testlink.html""body")); 

      
    //Hauptmenüpunkt gallery 
      
    append(menu, new link("gallery""testlink.html""body")); 
      
    //Untermenüpunkte von gallery\... 
      
    get_list(menu2).sub = new list(new link("overview""testlink.html""body")); 
      
    append(get_list(menu2).sub, new link("bananaband""testlink.html""body")); 
      
    append(get_list(menu2).sub, new link("Neuwied-1993""testlink.html""body")); 
      
    append(get_list(menu2).sub, new link("Elmpt-2004""testlink.html""body")); 

      
    //Hauptmenüpunkt this & that 
      
    append(menu, new link("this & that""testlink.html""body")); 
      
    //Untermenüpunkte von this & that\... 
      
    get_list(menu3).sub = new list(new link("biography""testlink.html""body")); 
      
    append(get_list(menu3).sub, new link("lyrics""testlink.html""body")); 
      
    append(get_list(menu3).sub, new link("fan clubs""testlink.html""body")); 
      
    append(get_list(menu3).sub, new link("chart positions""testlink.html""body")); 
      
    append(get_list(menu3).sub, new link("accident 08/1980""testlink.html""body")); 
       
      
    //Hauptmenüpunkt links 
      
    append(menu, new link("links""testlink.html""body")); 
      
    //Untermenüpunkte von links\... 
      
    get_list(menu4).sub = new list(new link("Harpo web pages""testlink.html""body")); 
      
    append(get_list(menu4).sub, new link("Harpo`s management""testlink.html""body")); 
      
    append(get_list(menu4).sub, new link("search engines""testlink.html""body")); 
      
    append(get_list(menu4).sub, new link("general""testlink.html""body")); 
       
      
    //Hauptmenüpunkt support 
      
    append(menu, new link("support""testlink.html""body")); 
      
    //Untermenüpunkte von support\... 
      
    get_list(menu5).sub = new list(new link("help""testlink.html""body")); 
      
    append(get_list(menu5).sub, new link("website info""testlink.html""body")); 
      
    append(get_list(menu5).sub, new link("downloads""testlink.html""body")); 
      
    append(get_list(menu5).sub, new link("sitemap""testlink.html""body")); 
    Ich würde Dir aber davon abraten, ein solches Menü zu benutzen. Leute mit deaktiviertem Javascript haben null Navigation und wenn Du die anders zaubern würdest, wärst Du auch Deine Breitenprobleme los...

    Ahoi - Pit

  3. #3
    Avatar von Pharlap
    Pharlap ist offline Mitglied
    registriert
    02-11-2005
    Beiträge
    29

    AW: Kleiner Umbau eines Menüs

    Hi,

    zuerst einmal danke für deine schnelle Hilfe, werde es direkt mal ausprobieren.

    Ehrlich gesagt, ich bin zwar in HTML fast perfekt, aber in Java nicht gerade sehr gut.
    Ich kann Scripte einwenig umbauen, aber leider nicht mehr.
    Diesen Script habe ich mir programmieren lassen.

    Leute mit deaktiviertem Java, sind natürlich immer etwas schlechter drann.
    Bei denen funktioniert auch sicher keine Website die z.B. in Dreamweaver (rollover etc.) programmiert wurde.
    Auch diese Seite würde sicher nicht mehr richtig funktionieren, wenn ich mein Java deaktiviere - oder?.

    Was habe ich denn für eine Alternative, es soll immerhin die offizielle Website von Harpo werden.
    Ich freue mich über jede Hilfe.

    Übrigens, haben Sie einen Tipp für mich, wie ich das mit der Breite lösen kann.
    Was mich an diesem Script halt fasziniert hat ist, dass er in jedem Browser fehlerfrei läuft und angezeigt wird - pixelgenau.

    Viele Grüße Pharlap

  4. #4
    melanie_s ist offline Jungspund
    registriert
    12-01-2005
    Beiträge
    19

    AW: Kleiner Umbau eines Menüs

    Hi,

    der Fehler in deinem Skipt war folgender:

    Du hast diese Zeile rausgelöscht:
    //Hauptmenüpunkt Home
    var menu = new list(new link("Home", "testlink.html", "body"));

    Allerdings wird in der Zeile eine neue Liste erstellt und da als erster Link "Home" gespeichert.
    Aber in dieser Zeile (gleich danach) wird in die Liste (die du nun ja nicht mehr erstellst) etwas hinzugefügt. Geht natülich nicht, er kann nichts zu etwas hinzufügen, was es nicht gibt

    //Hauptmenüpunkt contact
    append(menu, new link("contact", "testlink.html", "body"));

    Möglich wäre, wenn du direkt mit "contact anfängst (hab das Skript nur überflogen, gebe keine Garantie, dass es funktioniert), folgendes:

    statt:
    //Hauptmenüpunkt Home
    var menu = new list(new link("Home", "testlink.html", "body"));

    //Hauptmenüpunkt contact
    append(menu, new link("contact", "testlink.html", "body"));

    zu schreiben:
    //Hauptmenüpunkt contact
    var menu = new list(new link("contact", "testlink.html", "body"));

    Somit erstellst du eine neue Liste und gibst als erstes Listenpunkt "contact" an, dann solltest du am Rest nichts ändern müssen.

    Zum Thema JavaScript-Menüs: inzwischen befindet sich auf so gut wie jeder Seite JavaScript, seien es RollOver-Effekte, Layer-Einblendungen oder Info-PopUp, die sich auf klick auf einen Button öffnen. Klar werden User, die JavaScript deaktiviert haben, ausgeschlossen, aber ich denke, diese Zahl ist so verschwindend gering... von daher. Ich verwende auch gerne JavaScript

    Achja: Und JavaScript ist NICHT das gleiche wie Java.
    Fand ich nochmal wichtig, zu erwähnen....

  5. #5
    Avatar von Pharlap
    Pharlap ist offline Mitglied
    registriert
    02-11-2005
    Beiträge
    29

    AW: Kleiner Umbau eines Menüs

    Hallo!

    herzlichen Dank für die schnelle und ausführliche Antwort!

    Wenn es auch eine offizielle Webseite eines Künstlers wird, so werde auch ich nicht auf JavaScripte verzichten. Ich bin nämlich auch deiner Meinung, dass es sehr sehr weniger User gibt (wenn überhaupt), die JavaScript deaktiviert haben, denn dann könnte man fast keine Website mehr besuchen.

    Und mit diesem Scriipt lassen sich halt ganz einfach jederzeit zusätzliche Menüs hinzufügen und löschen und der läuft bis dato auf den gängisten Browsern, IE, Netscape, Mozilla und Opera fehlerfrei nur um ein paar zu nennen.

    Viele Grüße aus dem Hunsrück
    Pharlap

  6. #6
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Kleiner Umbau eines Menüs

    Noch eine Anmerkung von mir. es macht einen riesen Unterschied ob ein rollover oder ein Menü nicht funktionert. Zumal Suchmaschienen kein JS können, würden diese kein Menü sehen und auswerten. Insofern ist ein reines JS Menü immer eine schlechte Idee.

    Und dass man kein Website nutzen kann ist Quatsch. Ich habe im IE immer JS ausgeschaltet, da dieser Browser viel zu unsicher ist um ihn mit JS im Internet zu nutzen und ich hab selten Probleme und wenn gibt es immer irgendwo eine Seite die das Gleiche ohne Einschränkungen bietet.

  7. #7
    Avatar von Pharlap
    Pharlap ist offline Mitglied
    registriert
    02-11-2005
    Beiträge
    29

    AW: Kleiner Umbau eines Menüs

    Hallo, mit deiner Info ...

    ... es macht einen riesen Unterschied ob ein rollover oder ein Menü nicht funktionert.
    ... hast du sicher recht. Ich verwende aber auch sehr gerne Layer, weil man damit sehr nütziche Dinge programmieren kann. Und wenn einer JavaScript deaktiviert hat, dann funktionieren auch die Layer nicht, was bei mir genauso schlimm wäre, wie das JavaScript-Menü, weil ich mit diesen Layern gerne per rollover die Untermenüpunkte ein- und ausblenden lasse.

    Bis dato habe ich immer nur rollover in Photoshop erstellt und in Dreamweaver gesetzt. Bei diesem Projekt ist es aber was anderes. Die Seite ist für einen Künstler und so wie es aussieht, kann es sein, dass sich des öfteren die Menüs ändern. Bei einem JavaScriptmenü, ist das kein großes Problem einzelne Menüs hinzuzufügen und zu entfernen, aber bei einem normalen rollover ist das schon sehr viel aufwändiger, wenn es mehrere Hirachien gibt.

    Ich lasse mich sehr gerne eines besseren belehren, kenne nur keine andere Möglichkeit.
    Hast du einen Tipp für mich?

    Viele Grüße Pharlap

  8. #8
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Kleiner Umbau eines Menüs

    Keine Ahnung, ich mach seit Jahren keine statischen Seiten mehr.Wobei ich mich aber Frage warum es mehr Aufwand sein soll ein <a href="...">...</a> irgendwo einzufügen als ein Skript.

    Ich wollte nur auf die pauschale Äußerungen das man a. das Internet nicht mehr nutzen könnte ohne JS (ich tu das seit Jahren und bin immer wieder genervt wenn ich es einschalte) und b. das Suchmaschinen eben kein JS können und soetwas grundlegendes wie ein Menü nicht nur mit JS realisiert werden sollte.

    Warum eine Seite eines Künstlers für manche Unzugänglich sein sollte versteh ich auch nicht so ganz. Das Menü erfüllt ja keine besonderen Zweck, den man nicht mit normalen HTML erfüllen könnte, ausser das da was zappelt und die Bedienung der Seite etwas erschwert wird hat es keinen Vorteil.

  9. #9
    Avatar von Pharlap
    Pharlap ist offline Mitglied
    registriert
    02-11-2005
    Beiträge
    29

    AW: Kleiner Umbau eines Menüs

    Also gehe ich mal davon aus, dass du mit PHP programmierst.

    Dann nenne ich dir mal ein Beispiel. Das heist, wenn du Zeit hast?

    Schau dir mal folgende Seite an http://www.gambit-leideneck.de/ . Diese Seite wurde in Photoshop erstellt und besteht komplett aus Grafiken. Wenn ich dort einen Haupt- oder Untermenüpunkt einfügen möchte, dann ist das 30 mal mehr Arbeit, als einfach eine Zeile in einem JavaScript-Menü zu ändern.

    Ein kleiner Zwischenstand meines momentanen Projektes findest du unter dem Link: http://www.benderworks.de/harpo2/. Hier ist zur Zeit ein JavaScript-Menü eingefügt.

    Wenn du dir mal diese beiden Projekte angesehen hast, dann weist du sicher was ich meine.

    Viele Grüße Ralf

  10. #10
    pit-r Guest

    AW: Kleiner Umbau eines Menüs

    Moin!

    Diesbezügliche Statistiken variieren von Land zu Land bis hin zu von Seite zu Seite. Du solltest dennoch von einem Anteil in der Größenordnung von 10% ausgehen, was user angeht, die JS nicht aktiv haben. Ein reines Javascript-Menü ist allein schon deshalb Quatsch.

    Ahoi - Pit

  11. #11
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Kleiner Umbau eines Menüs

    Zitat Zitat von Pharlap
    Also gehe ich mal davon aus, dass du mit PHP programmierst.
    Nein Perl.

    Zitat Zitat von Pharlap
    Schau dir mal folgende Seite an http://www.gambit-leideneck.de/ . Diese Seite wurde in Photoshop erstellt und besteht komplett aus Grafiken. Wenn ich dort einen Haupt- oder Untermenüpunkt einfügen möchte, dann ist das 30 mal mehr Arbeit, als einfach eine Zeile in einem JavaScript-Menü zu ändern.
    Naja, mit ein bisschen CSS Kenntnisse, lies sich das ganze mit viel weniger aufwand realisieren und wäre zudem nicht von JS abhängig. Eine Suchmaschine findet auf der Seite so gut wie nichts. Darüber hinaus hört die Seite nie zu laden auf, ich vermute irgendein Problem im JS. wobei ich aber nicht sehe für das eingesetzt wird.

    Zitat Zitat von Pharlap
    Ein kleiner Zwischenstand meines momentanen Projektes findest du unter dem Link: http://www.benderworks.de/harpo2/. Hier ist zur Zeit ein JavaScript-Menü eingefügt.
    Mal abgesehen von den Nachteil mit den Suchmaschinen halte ich von diesen Dingern nicht viel, sie widersprechen dem was man auf Internetseiten eigentlich macht, lesen, schauen und klicken, aber nicht mit der Maus versuchen einen Menüpunkt zu treffen, der bei etwas unruhiger Hand verschwindet. Aber das ist natürlich Geschmackssache

  12. #12
    pit-r Guest

    AW: Kleiner Umbau eines Menüs

    Moin!

    Also erstmal @ein schlauer: ich pflichte Dir zu 100% bei!

    Trotzalledem @Pharlap: habbich bisken 'rumgespielt mit eine Skrrript von mir...

    Auch abgesehen von dem, was ein schlauer gesagt hat - perfekt ist die Spielerei aus diversen Gründen nicht, aber immerhin bekommen deutlich mehr Leute eine Navi vor's Näschen.

    Ahoi - Pit

  13. #13
    Avatar von Pharlap
    Pharlap ist offline Mitglied
    registriert
    02-11-2005
    Beiträge
    29

    AW: Kleiner Umbau eines Menüs

    Moin,

    zuerst einmal danke ihr beiden!
    Ich bin euch beiden sehr dankbar für euren Rat!!!

    Aus Testzwecken bzw. als Platzhalter werde ich bis ich die genauen Menüpunkte habe, die Navi erst einmal beibehalten. Immerhin steht diese Navi im IE, Netscape (aktuelle Version), Opera, Mozilla 1.7.8 und Mozilla Firefox (das sind nur die getesteten Browser) pixelgenau und das ist erst einmal wichig.

    Was ich nur etwas seltsam finde ist, dass man in einem JavaScript-Forum abgeraten bekommt JavaScript einzusetzen. Da ist so, als ob ich in eine Bäckerei gehe und man mir abrät ihre Brötchen zu kaufen.

    Viele Grüße Pharlap

  14. #14
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Kleiner Umbau eines Menüs

    Zitat Zitat von Pharlap

    Was ich nur etwas seltsam finde ist, dass man in einem JavaScript-Forum abgeraten bekommt JavaScript einzusetzen. Da ist so, als ob ich in eine Bäckerei gehe und man mir abrät ihre Brötchen zu kaufen.
    Was ist daran seltsam?
    JS ist eine gute Sache, allerdings nur dort, wo es auch wirklich nötig ist...
    Wenn man sich bei der Verwendung von JS Suchmaschinen und User aussperrt,
    ist das kontraproduktiv.

    Es gibt derzeit unzählige Navi-Beispiel in CSS im Netz zu finden, warum?

  15. #15
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Kleiner Umbau eines Menüs

    wieso abraten?

    du kannst mit JS die Nutzbarkeit deiner Seite verbessern für die die JS angeschaltet haben. Nur wenn es auf das Gegenteil hinaus läuft, dass du die Nutzbarkeit verschlechterst für die die kein JS an haben ist davon abzuraten.

    Das ist Service - wie wenn du beim Bäcker nach einem belegten Brötchen fragst und er dir sagt nimm lieber eins ohne Belag dann kannst du dich immer noch entscheiden was du drauf haben willst und es ist billiger.

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. Scrollbalken kleiner als den Iframe machen
    Von fossy007 im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 26-04-2005, 20:38
  2. weiter Menüs erzeugen
    Von Son im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 15-10-2004, 00:52
  3. mehrere Menüs ohne Frames ?
    Von Dreammaster im Forum JavaScript
    Antworten: 12
    Letzter Beitrag: 20-08-2004, 20:39
  4. fla/swf kleiner machen...
    Von Metallica im Forum Flash
    Antworten: 8
    Letzter Beitrag: 28-11-2002, 11:53

Lesezeichen

Berechtigungen

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