Loading...   Upload Image

Kommentare zu Auf/Zu klappen Tutorials » JavaScript Tutorial - Kommentare

 stars
Auf/Zu klappen

Auf/Zu klappen

Author: DJaneMauzi
Datum: 03.06.2009
Schwierigkeit: einfach
Gelesen: 45180

In diesem Tutorial wird erklaert, wie man HTML-Elemente ein und auch wieder ausblenden kann ...
read TutorialTutorial lesen


6 Kommentare Kommentare zu Auf/Zu klappen

  • Huhu. Ich nutze dieses Tutorial schon länger und habe mich heute etwas ähnliches gefragt wie Terra schon vor mir.
    Wenn ich mehrere verschiedene Dinge zum draufdrücken und öffnen habe, kann ich das alles auf eine Stelle öffnen lassen und das Letzte sozusagen überschreiben?

    z.B.: Bild 1 | Bild 2 | Bild 3

    *Hier ist nichts aber wenn oben auf einen der Texte geklickt wird erscheint das jeweilige Bild. Drückt man danach auf einen Weiteren wird das Bild überschrieben. *

    Diese Funktion habe ich auf einigen Staffelpages in der Charakterübersicht und auch schon in einem Forum gesehen. Man könnte es auch mit Tabs im Browser vergleichen.

    kuon ni


    AlyDMaya schrieb am 14.05.2015 um 19:24:10 Uhr
  • Ich habe es mit einer globalen Variable gelöst, bei mir schließen sich auch bereits geöffnete Texte wieder, folgendermaßen sieht meine Javascript-Datei aus:

    var togcache; // ich nannte die Variable togcache, da sie die Speichervariable (=Cache) der Funktion toggle ist
    
    function toggle(control)
    {
       if(!togcache) // !togcache heißt, wenn die Variable togcache leer, 0 oder undefiniert ist, dann ist die Aussage wahr
       {
          togcache = document.getElementById(control);
          togcache.style.display = "block";
       }
    
    // die obige if-Funktion sorgt dafür, dass das Element mit der ID control in togcache gespeichert wird und anschließend der Text angezeigt wird.
    
       else
       {
          if(togcache != document.getElementById(control))
          {
             togcache.style.display = "none";
             togcache = document.getElementById(control);
             togcache.style.display = "block";
          }
    
    // obige if-Funktion sorgt dafür, dass, wenn der Benutzer ein sich einen anderen Text anzeigen lassen will, der bisher geöffnete geschlossen und der neue Text angezeigt wird
          else
          {
    // ab hier ist der Rest der selbe Code wie der von DJaneMauzi
             if(togcache.style.display == "none")
             {
                togcache.style.display = "block";
             }
             else
             {
                togcache.style.display = "none";
             }
          }
       }
    }


    KratosAurion schrieb am 02.12.2014 um 12:55:35 Uhr
  • Hallo!

    Das Beispiel hier, hat mir wirklich geholfen! Gerne würde ich einen Slideeffect beim Aufklappen des Textes haben wollen, und wenn ein Text offen ist, und ich einen weiteren anklicken, dass der offene Text geschlossen wird und den angeklickten, geschlossenen Text, geöffnet wird.

    Hier habe diesen Code bisher zusammen, aber ich komme bei dem slideeffect einfach nicht weiter. Wie muss der Code aussehen? Ich wäre unendlich dankbar, wenn du mir dabei helfen könntest!

    Zahlungsmodalitäten

    Hier finden Sie unsere akzeptierten Zahlungsmöglichkeiten.

    Bitte beachten Sie unsere besonderen Bedingungen bei den Zahlungsmöglichkeiten "Rechnung", "Lastschrift" und "Kreditkarte".



    reaper schrieb am 30.10.2014 um 01:47:49 Uhr
  • erstmal is das nen echt tolles tut, muss ich schon sagen ;)
    ich hab nur mal ne frage...wenn man mehrere links in eine tabelle einbinden will...kann man da auch iwie was einstellen das sich wenn man auf einen der links klickt der bereits geöffnete wieder verschwindet? ^^
    LG Terra

    Terra schrieb am 15.03.2013 um 14:31:44 Uhr
  • Hallo, ich find das Tut prima, aber wie mache ich das am besten, dass wenn man einen Text öffnet, der letzte geöffnete automatisch mit dem öffnen geschlossen wird, so das immer nur ein Text offen ist? LG Rene

    Rene87 schrieb am 28.02.2013 um 16:55:37 Uhr

[ 1 ] 2 » ... Letzte » Seite 1 von 2

Kommentar schreibenHinterlasse einen Kommentar

Du musst angemeldet sein, um einen Kommentar zu hinterlassen...

Du bist noch kein Mitglied von Alice-Grafixx.de?
Dann kannst du dich hier kostenlos registrieren ...



Affiliates:   The Seduction  •   Colorful Gfx  •   Blue-Graphics  •   Pat DG  •   Chibi Graphics  •   Gallery Yuri  •   Design Grafixx  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider