+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Accordion - Aktiven Bereich bestimmen

  1. #1
    TP-Junior webphase ist auf einem guten Weg
    Registriert seit
    Jul 2010
    Ort
    Frankfurt
    Beiträge
    16

    Accordion - Aktiven Bereich bestimmen

    Hallo,

    ich habe auf einer Seite (bisher noch lokal) das jQuery Accordion mit allen Standardoptionen eingebaut und es funktioniert einwandfrei...und doch: Für ein wenig zusätzlichen Komfort möchte ich einen bestimmten Abschnitt beim öffnen aktivieren.

    Die eingeklappten Abschnitte sind die Wochentage und beim öffnen der Seite ist jeweils der Montag und dessen Inhalt aktiv. Ich möchte jedoch, dass der aktuelle Wochentag aktiv ist.

    Ich habe mir dies sehr einfach vorgestellt, indem ich per PHP den aktuellen Wochentag ermittle und ggf. Quelltext anzeige oder nicht anzeige, den dann Javascript bzw. das Accordion berücksichtigen soll.

    Wenn ich die Doku richtig verstehe, dann geht das auch über "active", aber ich habe nirgends ein Beispiel gefunden, wie ich das einbaue. Anscheinend benötigt man kein zusätzliches Markup, oder doch?

    Mit Javascript und dessen Syntax stehe ich irgendwie auf Kriegsfuss. Zwar kann ich den Wochentag über JS ermitteln, aber wie bekomme ich das mit dem Accordion kombiniert, wo setze ich diesen ein und verbinde ihn mit meinen Abschnitten. Bisher habe ich - neben den inkludierten Dateien - nur folgenden Code eingegeben:

    HTML-Code:
    <script>
    	$(function() {
    		$( "#accordion" ).accordion();
    	});
    	</script>
    Ich glaube, f�r jemanden, der sich mit JS bzw. jQuery auskennt ist das nur Pillepalle, aber ich habe wirklich keine Idee, zwar einige Bruchstücke im Kopf, die jedoch nicht zusammenpassen wollen.

    Kann mir bitte jemand helfen?

    Danke im Voraus und Grüße
    Petra

  2. #2
    TP-Junior webphase ist auf einem guten Weg
    Registriert seit
    Jul 2010
    Ort
    Frankfurt
    Beiträge
    16

    Problem gelöst

    Hallo, ich habe das Problem lösen können und es war anscheinend wirklich nur eine Kleinigkeit. Mein jQuery Code sieht jetzt wie folgt aus:
    HTML-Code:
    <script>
    
    	$(function() {
    		$( "#accordion" ).accordion({
    		   colapsible: true,														
                       active: '.selected', 
                       selectedClass: 'active', 
    		 });
    	});
    </script>
    ...und in meinem Markup habe ich beim h3-Tag die class="selected" ergänzt.

    Das war es schon.

    Danke an alle, die sich zumindest ein paar Gedanken gemacht haben.

    Viele Grüße
    Petra Haase

+ Antworten

Ähnliche Themen

  1. Kombinationsproblem von Accordion & Bumpbox
    Von semd im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 18.02.2010, 00:18
  2. Accordion menu
    Von BurmaEye im Forum Webdesign allgemein
    Antworten: 3
    Letzter Beitrag: 23.09.2009, 14:00
  3. SPRY-Accordion verruscht im IE6
    Von jurichebesta im Forum Dreamweaver & andere Webeditoren
    Antworten: 0
    Letzter Beitrag: 07.01.2009, 20:31
  4. Accordion mit CSS und/oder JS
    Von BoFiaz im Forum Webdesign allgemein
    Antworten: 1
    Letzter Beitrag: 29.09.2008, 14:48
  5. Spry Accordion onMouseOver
    Von Torsten im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 05.09.2008, 21:35

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51