tony: Text per klick erscheinen/verschwinden lassen

SELF-Forum

Text per klick erscheinen/verschwinden lassen

tony
– Informationen zu den Bewertungsregeln

Hallo

für eine menüführung würde ich gerne die Unterpunkte mit Klick auf den Hauptpunkt erscheinen lassen.
Hauptpunkt ist Grafik, Unterpunkt Text.

Das ganze soll OHNE RELOAD der Seite funktionieren.

Wenn ich auf nen anderen Button klick soll der erste Untermenütext logischerweise wieder verschwinden.

Wie bekommt man das hin ?

Danke und Gruß aus der Pfalz

Tony

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Text per klick erscheinen/verschwinden lassen

    Jan Huss
    – Informationen zu den Bewertungsregeln

    Hm,

    Stichworte sind dynamische Menüs, JavaScript und Layer (divs) sowie jede Menge Arbeit...

    Schau einfach  mal auf JavaScript Seiten nach Beispielen. (www.google.de)

    Gruß Jan

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Text per klick erscheinen/verschwinden lassen

    Matze
    – Informationen zu den Bewertungsregeln

    Hi,

    letzendlich über Stylesheets.
    CSS sieh dazu Self html.
    Bzw. Layer.
    Diese kannst Du mit JS auf hidden oder visible setzten.

    Eine Frage willst du dir das wirklich antun??
    Schau mal unter www.steif.de dort wurde die Navigationsleiste auf der Rechten Seite so realsisert.
    Allerdings mit einem gewaltigen Grafischem ud damit Code technisch Aufwendiger Methode.

    Jedoch muss du um IE 4 -5 und NS unterstützen zu können kräftig ausnahmen Programieren denn bei NS heisst es glaube ich visible und hidden bei IE show und hidden.

    Oder ählich steht alles hier in der Selfhtml Doku.
    Ist schon ein paar Tage her dass ich das gemacht habe und würde es nie wieder machen.

    Gruss Matze

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Text per klick erscheinen/verschwinden lassen

      Matze
      – Informationen zu den Bewertungsregeln

      Sorry obige antwort ist falsch.
      vermutlich haben einige Designer keinen druchstich mehr gehabt und haben das Script entfernt.
      Schade aber trotzdem versuch darauf zu verzichten es wird nicht angenehm.
      Nur als Tip.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  3. Text per klick erscheinen/verschwinden lassen

    Ronny
    – Informationen zu den Bewertungsregeln

    Hi,

    für eine menüführung würde ich gerne die Unterpunkte mit Klick auf den Hauptpunkt erscheinen lassen.

    Wie bekommt man das hin ?

    Schau mal da: http://aktuell.de.selfhtml.org/artikel/dhtml/sitemap/index.htm.
    Das sollte Dir schon mal ein bißchen helfen.
    Mußt dann noch ein bißchen anpassen: immer nur ein Untermenü aktiv usw.

    Grüße aus der Stadt, in der die Nationalmannschaft zur Zeit schläft,

    Ronny

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Text per klick erscheinen/verschwinden lassen

      Frage
      – Informationen zu den Bewertungsregeln

      Grüße aus der Stadt, in der die Nationalmannschaft zur Zeit schläft,

      Mit wem?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  4. Text per klick erscheinen/verschwinden lassen

    FLO
    – Informationen zu den Bewertungsregeln

    Hallo!

    für eine menüführung würde ich gerne die Unterpunkte mit Klick auf den Hauptpunkt erscheinen lassen.
    Hauptpunkt ist Grafik, Unterpunkt Text.

    selber machen

    Das ganze soll OHNE RELOAD der Seite funktionieren
    Wenn ich auf nen anderen Button klick soll der erste Untermenütext logischerweise wieder verschwinden.

    <html><head><title></title>
    <script type="text/javascript"><!--
    var DHTML = 0, DOM = 0, MS = 0, NS = 0, OP = 0;

    function DHTML_init() {

    if (window.opera) {
         OP = 1;
     }
     if (document.getElementById) {
       DHTML = 1;
       DOM = 1;
     }
     if (document.all && !OP) {
       DHTML = 1;
       MS = 1;
     }
    if (window.netscape && window.screen && !DOM && !OP){
       DHTML = 1;
       NS = 1;
     }
    }

    function bekomm(was) {
     var Element;
     if(DOM) {
         Element = document.getElementById(was);
         return(Element);
        }
     else if(MS) {
         Element = document.all[was];
         return(Element);
     }
     else if(NS) {
         Element = document[was];
         return(Element);
     }
    }
    DHTML_init();

    var offen = 0;
    function anzeige(was)
    {
     var liste = bekomm(was);
     if (liste.style.display == "none")
     {
      liste.style.display = "";
      if (offen != 0)
      {
       anzeige(offen);
      }
      offen = was;
     }
     else
     {
      liste.style.display = "none";
     }
    }

    function laden() //sorgt dafür, dass die Einträge nicht sichtbar sind
    {
    if (OP)
     {
     window.alert("Diese Seite kann mit Opera nicht korrekt angezeigt werden!");
     }
    else
     {
     anzeige("link");
     anzeige("navi");

    // usw. für jeden Eintrag
     }
    }
    // --></script></head><body onload="laden();">
    <div><a href="javascript:anzeige('link');">Links:</a></div>
    <div id="link">
    <a href="http://selfaktuell.teamone.de/" target="haupt">SELFHTML aktuell </a><br>
    <a href="http://www.pcwelt.de/" target="haupt">PCWELT online</a><br>
    <!-- usw. -->
    </div><br>

    <div><a href="javascript:anzeige('navi');">Navigation:</a></div>
    <div id="navi">
    <a href="startseite".htm target="haupt">Startseite</a><br>
    <a href="unterseite1.htm" target="haupt">Unterseite #1</a><br>
    <!-- usw. -->
    </div><br>

    Nach dem glieichen Schema machst du für alle Einträge weiter.

    MfG
       FLO

    P.S.: selbst gebastelt

    --
    Mein SELFcode:
    ss:{ zu:| ls:# fo:| de:] va:) ch:{ sh:| n4:{ rl:° br:$ js:| ie:) fl:{ mo:{
    !!! STOPPT BUSH - NO WAR!!!
    http://www.jwdt.com/~paysan/bush/11_september.pdf Fakts über den 11.9. !!!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln