Akkordion Aktivstatus

**Kahmoon** · 22.06.2009, 10:27

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

**RolandAuer** · 22.06.2009, 16:41

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'); }
	});
});

**kos** · 22.06.2009, 16:49

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

**Kahmoon** · 22.06.2009, 16:59

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

**Toflar** · 22.06.2009, 17:01

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>

**Kahmoon** · 22.06.2009, 17:06

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.

**Toflar** · 22.06.2009, 17:11

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

**Kahmoon** · 22.06.2009, 17:15

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

**FloB** · 22.06.2009, 18:19

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?