Akkordion Aktivstatus

Hallo zusammen,

ich will dem aufgeklappten Element einen Aktivstatus in Form einer CSS Klasse zuweisen. Bisher (vor TL 2.7) habe ich im moo_default.tpl eine zusätzliche JS/CSS Anweisung eingefügt um bei einem Akkordionelement einen AktivStatus zuzuweisen.

Code:

---

<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function()
{
        new Accordion($$('div.toggler'), $$('div.accordion'),
        {
                onActive: function(tog){
                        tog.addClass('active');
                },
                onBackground: function(tog){
                        tog.removeClass('active');
                },
               
                opacity: false
        });
});
//--><!]]>
</script>

---

Dieses moo_default.tpl liegt wie immer im Templates Ordner. Allerdings scheint er das bei TL 2.7 zu ignorieren. http://www.kanzlei-aleiter.de.

Hat sich hier bei Mootools was geöndert? Heist onActive und onBackground jetzt anders? Ich kriege auch keinen JS Fehler...also sollte doch alles passen oder?

Gruß
Franky

Also ich mach das ganze so, versuchs mal auf diese Art und Weise (letzte Zeile Relevant):

Code:

---

window.addEvent('domready', function()
{
        new Accordion($$('div.toggler'), $$('div.accordion'),
        {
                display: false,
                alwaysHide: true,
                opacity: false,
                onActive: function(toggler) { toggler.set('class', 'toggler clicked'); }
        });
});

---

Hallo Kahmoon,

versuche es doch mal mit folgendem Code:

Code:

---

<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function()
{
        new Accordion($$('div.toggler'), $$('div.accordion'),
        {
                /*display: false,
                alwaysHide: true,*/
                opacity: false,

                onActive: function(toggler)
                {
                        toggler.addClass('active');
                },

                onBackground: function(toggler)
                {
                        toggler.removeClass('active');
                }
        });
});
//--><!]]>
</script>

---

Gruß

Karl

Funktioniert leider beides nicht.... :(

Als würde er den Code ignorieren..

Mit TL 2.6
http://merkurcup.de/rueckblick-1995-bis-heute.html

Mit TL 2.7
http://kanzlei-aleiter.de/cms/taetigkeiten-gewerbe.html

Ich sehe auf deiner Seite auch nur das:

Code:

---

<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function()
{
        new Accordion($$('div.toggler'), $$('div.accordion'),
        {
                display: false,
                alwaysHide: true,
                opacity: false
        });
});
//--><!]]>
</script>

---

wo siehst du das? Mit Firebug sehe ich nur die Mootools.js in kompremierter Form.

Die angepasste moo_default.tpl ist wie gewohnt im Templatesordner.

Na da wo mootools halt wie immer included wird.

Da wo im fe_page.tpl <?php echo $this->mootools; ?> steht.

Also unten an der Seite - as usual :)

OK. Also es scheint wohl an der Art zu liegen wie ich es einbinde. Im Layout hab ich moo_close_all eingebunden. Wenn ich moo_default nehme, verwendet er auch das Template. Moo_Close_all hat ein eigenes Template....

Wer lesen kann hat mehr vom Leben ;)

Gruß
Franky

Dazu habe ich eine Frage – wie kann ich den Zustand des Akkordion in einem Cookie speichern? Also beim Schließen "0" und beim Öffnen "1" in Cookie "moo_togglerID" oder "togglerID" in "moo_closed" / "moo_opened" schreiben?

Hi FloB :)

http://mootools.net/docs/core/Utilities/Cookie