1. Wenn du alle Inhalte sehen, oder selber eine Frage erstellen möchtest, kannst du dir in wenigen Sekunden ein Konto erstellen. Die Registrierung ist kostenlos, als Mitglied siehst du keine Werbung!

Ausfahrbarer Content? (jQuery)

Diskutiere das Thema Ausfahrbarer Content? (jQuery) im Forum Web-Programmierung.

  1. dooyou

    dooyou Thread Starter Mitglied

    Beiträge:
    4.587
    Zustimmungen:
    355
    Mitglied seit:
    03.12.2006
    Servus!

    Kennt jemand von euch ein Script, am besten mit jQuery, wo nach einem Klick auf dem Menüpunkt der Content ausfährt, quasi mit einem Slideout-Effekt wie hier:

    Nur eben kein Feedback Formular, sondern eben gefüllt mit einem Text. Und am besten mit mehreren Menüpunkten.

    Vielen Dank!
     
  2. scope

    scope Mitglied

    Beiträge:
    4.115
    Zustimmungen:
    301
    Mitglied seit:
    24.01.2005
    Direkt auf der Homepage von jQuery ist ein entsprechendes Beispiel. Und die Funktionsweise von jQuery ist doch eigentlich so simpel, dass man sie mit minimalem JS-Vorwissen direkt nutzen kann.
     
  3. dooyou

    dooyou Thread Starter Mitglied

    Beiträge:
    4.587
    Zustimmungen:
    355
    Mitglied seit:
    03.12.2006
    Wo ist denn das Beispiel? Wenn ich es nicht auch nutzen könnte, hätte ich ja nicht gefragt.
     
  4. scope

    scope Mitglied

    Beiträge:
    4.115
    Zustimmungen:
    301
    Mitglied seit:
    24.01.2005
    Hier:

    Die einfachste Möglichkeit, jQuery einzusetzen ist, an einen Selektor eine Funktion oder einen Effekt anzuhängen.

    Code:
    $('a.ausfahrLink').click( function(){
        $('div.auszufahrenderText').slideDown();
    });
    
    1. Dem Klick auf den Link mit der Klasse "ausfahrLink" wird eine Funktion zugewiesen, die jedesmal ausgeführt wird.

    2. In dieser Funktion wird dem div-Element mit der Klasse "auszufahrenderText" der Befehl gegeben, sich auszufahren.

    jQuery hat übrigens eine sehr gute Dokumentation, in der all diese Funktionen sehr gut beschrieben sind: http://docs.jquery.com/Main_Page
     
  5. dooyou

    dooyou Thread Starter Mitglied

    Beiträge:
    4.587
    Zustimmungen:
    355
    Mitglied seit:
    03.12.2006
    Danke für deine Mühe Scope! Dann habe ich jetzt ja was zu tun.
     
  6. Nakar

    Nakar Mitglied

    Beiträge:
    78
    Zustimmungen:
    3
    Mitglied seit:
    11.03.2010
    Oder du nimmst .toggle("slow") zum auf- und zuklappen.
     
  7. scope

    scope Mitglied

    Beiträge:
    4.115
    Zustimmungen:
    301
    Mitglied seit:
    24.01.2005
    Genau, wenn ein Link beide Funktionen erfüllen soll, bieten sich die toggle-Funktionen sehr gut an (toggle, toggleSlide, toggleFade). Aber bitte nicht mit "slow", in der Zwischenzeit sind die Hälfte aller Besucher weg… ;)
     
  8. Saugkraft

    Saugkraft Moderator

    Beiträge:
    8.927
    Medien:
    1
    Zustimmungen:
    3.126
    Mitglied seit:
    20.02.2005
  9. dooyou

    dooyou Thread Starter Mitglied

    Beiträge:
    4.587
    Zustimmungen:
    355
    Mitglied seit:
    03.12.2006
    In der Fülle von Möglichkeiten die jQuery bietet könnte man sich ja fast überfordert fühlen. Es gibt ja kaum etwas, was es nicht gibt. Super!
     
  10. Saugkraft

    Saugkraft Moderator

    Beiträge:
    8.927
    Medien:
    1
    Zustimmungen:
    3.126
    Mitglied seit:
    20.02.2005
    Aber nur fast. Bis du die Syntax drauf hast, hast du zwar erstmal einen Knoten im Hirn, danach ist das Ding aber besser als ein Binford 6100 Werkzeugkasten. :hehehe:

    Vielleicht noch ein Hinweis falls du jquery UI nutzen willst.. Da kannst du dir das Farbschema und das Layout nach eigenen Wünschen online zusammenstellen. klick
     
  11. Rupp

    Rupp Mitglied

    Beiträge:
    7.570
    Zustimmungen:
    604
    Mitglied seit:
    10.10.2004
    Nur weil es die Effekte gibt, heißt das nicht, dass du sie nun zwanghaft nutzen musst. Halte die Seite so simpel und sauber wie möglich. Und am besten noch benutzbar, auch wenn JavaScript deaktiviert ist.
     
  12. dooyou

    dooyou Thread Starter Mitglied

    Beiträge:
    4.587
    Zustimmungen:
    355
    Mitglied seit:
    03.12.2006
    Ja ja, das ist schon klar. Das sind ja die Basics.
     
Die Seite wird geladen...
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite weitersurfst, akzeptierst du unseren Einsatz von Cookies. Akzeptieren Weitere Informationen...