Accordion moo-open / moo-closed 2.8

**webseven** · 20.02.2010, 15:48

Hallo zusammen

entweder bin ich zu blöd, das zu finden, oder es ist weg ..

Einst im 2.7er-Mai waren die Einstellungen für moo-open etc. im Seitenlayout. Gibt es diese Einstellungen jetzt nicht mehr? Wenn doch, hat jemand den Ort zum reinfrickeln gefunden? Wenn ich es selber finde, stelle ich es natürlich hier rein!

<-- edit -->
Anbei der Workflow zum "reinfrickeln" ..

Backend: [Layout], [Templates], +Neues Template
moo_accordion auswählen
Namen ändern in zB. moo_accordion_closed und spiechern
Auf bearbeiten klicken und auf neue Zeile über "alwaysHide" folgendes reinschreiben
display: false, und speichern
wechseln zum Seitenlayout-Editor [Layout], [Seitenlayouts]

Jetzt erscheint ein neuer Eintrag "moo_accordion_closed" in Deinem Seiten-Template unter
dem Titel MooTools-Templates .. (bis nach Unten scrollen) ..
[_] moo_accordion_closed Haken setzen, fertig.

Hier noch das fertige Script:

Code:

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

Vielen Dank an die Helfer!

cy

***xchs*** · 20.02.2010, 16:02

Dafür gibt es jetzt das Template "moo_accordion.tpl". Gegebenenfalls musst Du das aber an Deine Bedürfnisse hin anpassen (im TL-Template-Ordner!)

**webseven** · 20.02.2010, 16:16

Hi xchs
Ich hab's geahnt, aber noch leise gehofft. Das Template würde nur global über die ganze Site funktionieren.

Bisher konnte man jedoch per Seitenlayout unterschiedliche Anzeigearten des Accordions innerhalb einer Webpräsenz realisieren. Wech is wech ..

Edit: Ist immer noch möglich.

Der Witz ist jetzt nur, dass man neu proggen können muss.

Ich habe mir ein neues Template mit Namen „moo_accordion_closed.tpl“ angelegt. Das wird im Seitenlayout wunderbar zur Auswahl bereitgestellt. Nur, wo ich nun was ändern muss entzieht sich meinem Photoshopwissen ..

Code:

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

Danke xchs
cy

***xchs*** · 20.02.2010, 16:21

Du müsstest dann eben (wenn's das wert ist) für die betreffenden Seiten ein eigenes Seitenlayout anlegen und dort das entsprechende MooTools-Template einbinden. So kannst Du für einzelne Seiten ein anderes Accordeon-Verhalten realisieren.

**gHeldT** · 22.02.2010, 09:19

Hallo,

ich habe das gleiche Problem - alle Accordions sind standardmäßig geöffnet, ich hätte es gerne umgekehrt!

Ist es richtig, dass sich die Einstellung dazu hier: alwaysHide: true - verbirgt? Aber mit 'true' müsste das Accordion doch geschlossen sein??

Grüße

**anx** · 22.02.2010, 13:43

... Auch ich hab das selbe Problem nach dem Update auf 2.8.
Alle Accordions sind standardmäßig geöffnet, lassen sich auch gar nicht schließen und ich hätte gerne alle zu und bei klick auf... Bei 2.7.6 gings doch auch?!

In der Hoffnung auf Hilfe ein Gruß, anx

**Thomas** · 22.02.2010, 16:20

Welche MooTools Templates habt Ihr denn im Seitenlayout zur Auswahl?

Ich habe 6 Stück:

moo_mediabox
moo_close_all
moo_accordion
moo_default
moo_modify_foreground
moo_slimbox

Wenn Ihr anstatt moo_accordion - moo_close_all wählt, ist auch das Accordion geschlossen.

**BugBuster** · 22.02.2010, 16:23

Zitat von Thomas

Welche MooTools Templates habt Ihr denn im Seitenlayout zur Auswahl?.

Diese 3 (frische 2.8er Installation)

moo_accordion
moo_mediabox
moo_slimbox

**Thomas** · 22.02.2010, 16:38

Oh, jetzt haste mich erwischt.
Ich habe keine Ahnung wo die anderen her kommen.

Mal suchen gehen.

**BugBuster** · 22.02.2010, 16:40

von 2.7 würde ich mal sagen.

Ich habe eine davon in /templates zu liegen, da ich dort mal das +/- Symbol eingebaut hatte.

**Thomas** · 22.02.2010, 16:53

Hmm, ich habe bei mir noch das alte Java-Script eingebunden und garnicht die Neuen. (mootools.js)

Alt:

Code:

<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>

Neu:

Code:

<script type="text/javascript" src="plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>

Ob es jetzt aber daran liegt weiß ich nicht.
In den Seitenlayout-Optionen ändert sich nichts, selbst dann nicht, wenn ich die Scripte austausche.

Vielleicht hilft es Euch auch, wenn Ihr den Javascript-Code ins Template einbindet:

Code:

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

</script>

**anx** · 22.02.2010, 17:12

... hm, wo genau, also in welcher datei binde ich das script ein?

danke für die mühe :-)

gruß, anx

**Thomas** · 22.02.2010, 17:27

Ich würde mir ein eigenes Seitenlayout erstellen, welches an der Stelle aufgerufen wird, wo es benötigt wird.

Und in den Seitenlayout-Einstellungen kannst Du es bei *Eigener JavaScript-Code* einfügen.

**anx** · 22.02.2010, 17:45

So, also ich hab nun das ganze Update 2 mal gemacht von 2.7.6 auf 2.8, hab vergeblich versucht das script einzubinden, hab das template der version 2.7.6 kopiert, wo es ja alles einwandfrei funktioniert hat, hab es als template in 2.8 eingefügt, es erscheint nun zur Auswahl im Seitenlayout, aber das Akkordeon funktioniert nach wie vor nicht. Also vermute ich, es ist irgendwo in der Verision 2.8 eine Änderung, vielleicht auch nur irgendwas, was man anhaken muss, doch ich bin zu wenig Profi, um das aufzuspüren. Ich hätte einfach gern das Akkordeon zurück...

Hatte vielleicht jemand das selbe Problem und es dann erfolgreich gelöst?
( Sonst hab ich doch in den vergangenen Monaten auch für jedes noch so komplizierte Detail auch eine Lösung gefunden in diesem feinen Forum

)

Bitte Danke!
Anke

Juhu ich habs
Das fe_page-template war noch das alte...

Hab den entscheidenden Hinweis von Thomas hier gefunden...
Danke

**gHeldT** · 22.02.2010, 18:15

Also ich habe mir jetzt einfach wieder das alte moo_close_all.tpl eingebunden - aber das kann doch nicht sinn der Sache sein!? Warum ist es denn überhaupt entfernt wurden?

Gibt es doch eine andere Möglichkeit wo man einstellen kann, dass das Accordion zunächst geschlossen ist?

Grüße

**Thomas** · 22.02.2010, 19:43

Doch!

Schau Dir mal die Templates an, dort wird die Funktion definiert, die dann auch in den Seitenlayouts auswählbar sind.

Aber danke für den Hinweis, jetzt habe ich auch den Grund, warum ich 6 Auswahlmöglichkeiten in den Seitenlayouts habe und gleichzeitig eine einfache Möglichkeit, die MooToolsmöglichkeiten zu erweitern, gefunden.

**sadara** · 22.02.2010, 23:01

Hallo,

ich habe 2.8 (bin ganz neu) - hätte aber auch gern, dass sich das Akkordeon nicht schon geöffnet darstellt beim Seitenaufruf, sondern erstmal geschlossen und sich erst beim Klick darauf öffnet.

Hier ist immer von einem mootool-template die Rede - ich habe so eines nirgends gefunden. (Muss anscheinend aber irgendwo sein, denn das Akkordeon kann ich im Seitenlayout auswählen, und es funktioniert ja auch, nur falsch herum).

Habe das Javascript im Seitenlayout angefügt, aber keine Änderung.

Ich habe die DB lokal installiert (die Änderungen basieren auf dem mitgelieferten Academy-Beispiel) - aber weder in meiner geänderten Installation noch in der Original-Version war eine mootool-template (es gibt nur mootool.js-Dateien).

Also nochmal für Doofe, bitte:
Wie kriege ich das Akkordeon dazu, dass es sich erst beim Klick drauf öffnet??
Und wo versteckt sich das moo-accordeon-template?

Danke!
Sadara

**BugBuster** · 22.02.2010, 23:48

Wo? Na hier:
\system\modules\frontend\templates
darin gibt es die 3 moo_*.tpl

Nun nimmt man das moo_accordion.tpl und kopiert es nach /templates
und legt es dort unter einem anderem Namen ab, so hat man später die Auswahl.
Z.b. als moo_accordion_closed.tpl

Diese editiert man und fügt die Zeile "display: false," ein, wie hier schon gezeigt.
Das wird dann so aussehen:

Code:

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

Unter "Layout"-"Seitenlayouts" - Layout bearbeiten, nimmt man nun bei "MooTools-Templates" das Häkchen bei "moo_accordion" raus und bei "moo_accordion_closed" rein.
Fertig.

**leooo** · 23.02.2010, 06:55

guten morgen.

der workaround von BugBuster ist 1a beschrieben und funktioniert super.

vielen dank & einen schönen tag.

**BugBuster** · 23.02.2010, 09:04

Das kopieren und editieren geht natürlich auch direkt übers Backend:
Layout Templates
Neues Template , Auswahl moo_accordion, Template erstellen
Template umbenennen (Bleistift) nach moo_accordion_closed (die Endung macht TL selber ran)
Template editieren, Zeile einfügen, speichern
Im Layout umstellen wie oben beschrieben

**sadara** · 23.02.2010, 13:50

danke vielmals.
Jetzt funktioniert es!

Sadara

**webseven** · 23.02.2010, 21:41

Herzlichen Dank BugBuster und Thomas

Euer "display false" rettet mir den Tag .. nein, die ganze Woche!! ..

Grüsse aus der Schweiz
cy

**Snaky** · 24.02.2010, 18:47

Hey! Also ich habe irgendwie den Dreh nicht raus, im Handbuch steht noch nichts zum Akkordeon:

Meine Vorgehensweise:

Accordion Wrapper Start in einem Artikel erstellt
Es folgen 3 einzelne Module [downloadarchiv]
Accordion Wrapper End am Ende des Artikels
Erstellung eines Tpl's moo_close_all wie oben beschrieben und anschließende Einbindung

Das ist das Ergebnis: http://www.rvfg.de/index.php?id=29
Leider keine Accordion-Funktion. Was habe ich vergessen/nicht beachtet?

Lg
Michi

**BugBuster** · 24.02.2010, 18:53

Du hast 2 mal Mootools drin, einemal die 2.7er Variante, einmal die 2.8er Variante.
Und wenn ich dort noch UFO finde, dann sieht das sehr nach verändertes Template aus.

Und aktiviert sind die Mootools Templates wohl auch nicht, kein Script am Ende der Seite zu finden.

Siehe hier: https://contao.org/blog-leser/items/...rsion-2-8.html

**Snaky** · 24.02.2010, 19:06

Das ist der Head meines eigenen Tpl's:

Code:

<head>
<base href="<?php echo $this->base; ?>"></base>
        <title><?php echo $this->mainTitle; ?> | <?php echo $this->pageTitle; ?></title> 
        <meta http-equiv="content-type" content="text/html; charset=<?php echo $this->charset; ?>" /> 
        <meta name="author" content="RVFG" /> 
        <meta name="description" content="<?php echo $this->description; ?>" /> 
        <meta name="keywords" content="<?php echo $this->keywords; ?>" />
        <meta name="Robots" content="index,follow" /> 
<link href="/tl_files/css/styles.css" rel="stylesheet" type="text/css" />
<?php echo $this->robots; ?>
<script type="text/javascript" src="plugins/tablesort/js/tablesort.js"></script> 
<script type="text/javascript" src="plugins/mootools/mootools.js"></script> 
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script> 
<script type="text/javascript" src="plugins/ufo/ufo.js"></script> 
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" /> 
<link rel="stylesheet" href="plugins/tablesort/css/tablesort.css" type="text/css" media="screen" />
<?php echo $this->head; ?>
</head>

In meinem Head steht durch TL noch drin:

Code:

<script type="text/javascript" src="plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>

Raus müsste aus meinem Code dann dieser Eintrag oder?:

Code:

<script type="text/javascript" src="plugins/mootools/mootools.js"></script>

Aber die Tpl's sind aktiviert laut TL (Screenshot). Oder werde die bei mir irgendwie nicht berücksichtigt? (bin kein Experte was das angeht)

Glg

**BugBuster** · 24.02.2010, 20:24

Ja, die mootools.js muss raus.

**Snaky** · 24.02.2010, 20:28

Okay. Habe ich rausgeworfen. Aber das allein ist es ja nicht. Was übersehe ich?

**BugBuster** · 24.02.2010, 20:35

ich vermute mal da fehlen Einträge bei dir in der fe_page.tpl , die hat sich ja in 2.8 wegen Mootools geändert.

**Snaky** · 24.02.2010, 20:38

Ja da fehlen Einträge, zumal ich mit einer eigenen tpl arbeite. Deshalb Frage ich mich welche da fehlen. Aber ich könnte theoretisch auch die neue Version mal ziehen und da die tpl-eintragungen vergleichen und meine dann ergänzen...

**BugBuster** · 24.02.2010, 20:42

die slimbox.js ist auch zu viel.
dann denke ich mal das

Code:

<?php echo $this->mootools; ?>

bei dir fehlt.

**Snaky** · 24.02.2010, 20:45

http://www.rvfg.de/index.php?id=29

Habe ich gemacht und Firebug erzählt gleich mal was von 6 Fehlern

und es funktioniert immer noch nicht ^^

Gelöst! Hatte es blöderweise im Head eingebunden! Danke dir BugBuster!

**ricola** · 15.03.2010, 19:51

Zitat von BugBuster

Das kopieren und editieren geht natürlich auch direkt übers Backend...

Ja, funktioniert super. Auch von mir vielen Dank

**Marcello** · 18.03.2010, 18:16

Das war mal so extrem praktisch und einfach, und nun? warum musste das weg? kann mir das einer erklären? Das Nervt.

Wieder ein neuer unnötiger Zeitfresser.

2.8 hat ja ein paar ganz gute Erneuerungen gebracht, aber dass so Sachen einfach weg müssen versteh ich nicht...

Wennschon den andern weg rum, warum ein accordion einbauen wenns dann schon offen ist macht auch wirklich kaum Sinn.

**Toflar** · 18.03.2010, 19:53

Zitat von Marcello

Wennschon den andern weg rum, warum ein accordion einbauen wenns dann schon offen ist macht auch wirklich kaum Sinn.

Äh nein, für mich macht es so 120% mehr Sinn

Ist ja nicht ganz offen, nur der 1. Eintrag

**ATLAS** · 19.03.2010, 05:57

Es macht eben keinen Sinn. Etwas auszubauen, was vorher hunderte benutzten, kann nicht als Fortschritt bezeichnet werden. Ich bin auch darüber erschrocken, das nun plötzlich das zusätzliche rumschrauben an Templates alle ganz plötzlich supertoll finden, während vorher immer das Gegenteil propagiert wurde.
Darüber sollte man mal nachdenken.

**Toflar** · 19.03.2010, 07:27

Ich verstehe das nicht. Das Mootools-Handling wurde doch vereinfacht mit den Templates? So kann jeder seinen eigenen Mootools-Code bequem schreiben und dem Seitentemplate hinzufügen. Auch Änderungen an den mitgelieferten Templates sind völlig problemlos, da sie einfach als Template überschrieben werden können.

Was bitte ist daran kein Fortschritt?

**webseven** · 19.03.2010, 07:58

Ob Fortschritt oder nicht. Ich meinerseits bin schon nur froh, dass man das geschlossene Accordion-Template überhaupt selber erstellen kann. Wenn man weiss wie es geht, ist es doch eher schmerzlos.
Mit wachsender Community wird es eh immer schwieriger, das System zu verbessern, ohne dass ein Raunen durch die Nutzer-Gemeinde geht: Siehe Facebook oder Twitter. Mit jeder Änderung werden die Wellen der Empörung höher.

Grüsse
cy

**schueler** · 20.03.2010, 22:17

Entschuldigt, wenn dieser Lösungsweg schon in EINEM Post hier beschrieben wurde, aber für eventuelle spätere Suchen hier mal ein einfacher Weg, das Mootools-Accordion von anfang an geschlossen zu haben.

Unter Templates das moo_accordion.tpl erstellen.
Dort vor
alwaysHide: true,

folgendes einfügen:
display: false,

diese Angabe fehlt sozusagen.
Danach im entsprechenden Seitenlayout das moo_accordion-Tenplate einbinden, und fertig ist das.

Im Artikel beim Accordion habe ich folgenden Code als Bereichsüberschrift:
<input type="button" name="xyz" value="ein/ausklappen" />

dann erscheint ein schlichter Button mit der Aufforderung

ich hoffe ich konnte helfen.

mfg schueler

**UNIT_TL** · 30.04.2010, 12:20

Hallo zusammen,
also bei mir TL 2.82 funktioniert genau diese beschriebene MEthode nicht. Das Accordion hat bereits die beschriebenen Änderungen, wird aber trotzdem ständig aufgeklappt angezeigt. Weiss jemand Rat?