Accordion moo-open / moo-closed 2.8

Hallo zusammen

entweder bin ich zu blöd, das zu finden, oder es ist weg .. :rolleyes:
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" .. :)

1. Backend: [Layout], [Templates], +Neues Template
2. moo_accordion auswählen
3. Namen ändern in zB. moo_accordion_closed und spiechern
4. Auf bearbeiten klicken und auf neue Zeile über "alwaysHide" folgendes reinschreiben
5. display: false, und speichern
6. 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

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!)

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 .. :rolleyes:
Edit: Ist immer noch möglich. :D 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 .. :o

Code:

---

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

---

Danke xchs
cy

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.

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

... 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?! :eek:

In der Hoffnung auf Hilfe ein Gruß, anx

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.

Zitat:

---

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

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

Mal suchen gehen.

von 2.7 würde ich mal sagen.

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

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>

---

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

danke für die mühe :-)

gruß, anx

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.

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... :o

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

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

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. ;)

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

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.

guten morgen.

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

vielen dank & einen schönen tag.

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

danke vielmals.
Jetzt funktioniert es!

Sadara

Herzlichen Dank BugBuster und Thomas

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

Grüsse aus der Schweiz
cy

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

Meine Vorgehensweise:

1. Accordion Wrapper Start in einem Artikel erstellt
2. Es folgen 3 einzelne Module [downloadarchiv]
3. Accordion Wrapper End am Ende des Artikels
4. 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

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

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

Ja, die mootools.js muss raus.

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

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.

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...

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

Code:

---

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

---

bei dir fehlt.

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! :)

Zitat:

---

Zitat von BugBuster

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

---

Ja, funktioniert super. Auch von mir vielen Dank :D

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.

Zitat:

---

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

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.

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?

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

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

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?

Haste mal ein Link? Läst sich so schwer sagen.
Oder den Abschnitt Quelltext von der Seite wo die Änderung sichtbar ist.
Nebenbei, cache geleert?

Oh ja der CAche! Ich denke damit hat sich mein Problem vorerst erledigt :). Danke für den Tip !

Hmmm...
Ich habe frisch auf 2.8.3 alles neu installiert und das Template "Clean Blue" eingebunden. Hier bleibt das Accordion immer auf, trotz aller vorangeganer Tipps und Cache leeren. Unter www.pielawa.de wird aus dem jungfräulichen TL-Template demnächst meine eigene Homepage, aber das Accordion stellt sich stur. Was fehlt, was ist anders? Ist zwar nicht weltbewegend, aber schon komisch.

Hallo Jens Pielawa,

und in Deinem "Seitenlayout" ist im Abschnitt "MooTools-Templates" auch das "richtige" ausgewählt?

Ja, das geänderte Moo-Template wurde ausgewählt – und heute morgen (in einem anderen Browser) ist alles OK... Offensichtlich sitzt man immer zu lange an einem Problem und müllt damit irgendwelche Caches zu. :rolleyes:

Hallo zusammen :-)

Ich muss das Thema leider mal wieder ausgraben.
Ich habe nun das Problem, dass wenn ich das so nach der Anleitung mache, es zwar bei den Einzelelemeten klappt, doch wenn ich es mit Accordion Start und Accordion End um ein Elemet mache, es nicht funktioniert. Davor hat es allerdings geklappt, es wieder ein- und auszuklappen.
Angewendet habe ich es hier bei "Passwort vergessen?" unter dem Login.

http://neu.kjg-boefingen.de/
Hier mal der Link. Wäre glücklich, wenn mir da jemand weiterhelfen könnte. Dankeschön schonmal im Vorraus. :-)

Gruß, Michel

Also bei mir geht das mit Firefox, Safari, Opera, Chrome und sogar im IE.

Hast Du vielleicht Javascript deaktiviert?

Ich würde noch dem .ce_accordion:hover{cursor : pointer;} mitgeben, damit man sieht, dass hier etwas ist

Hi kos ;-)

Danke für deine Tipps, aber das mit dem javascript stimmt nicht ... Hat aber wohl etwas anderes mit meinem Mozilla-Browser zu tun, da es bei mir mit dem Internetexplrorer angeziegt wird.
Ich habe unter Extras --> Einstellungen --> Inhalt Javascript aktiviert, bzw es war schon aktiviert. Hättest du noch eine andere Idee, an was das liegen könnte?

Danke schonmal. :-)
Gruß, Michel

Wenn Du unter Windows arbeitest, dann kannst Du das ja selbst mit dem IE-Browser ausprobieren. Wie gesagt, geht bei mir im Modus IE7 und IE8.
Weiter Ideen hab' ich leider nicht.

Hi ;-)

Aber Javascript müsste ja eigentlich aktiviert sein, weil es im internen Bereich bei deiner Einzelelement-Auflistung funktioniert ...
Hat jemand anderes ne Idee?

Gruß, Michel

1. Nachtrag: Sorry ... Hab meine Cache geleert und nun funktionierts! Problem wäre dann geklärt. :-D

2. Nachtrag: Nun bin ich noch schlauer und weiß, dass es weder am Javascript, noch an der Cache lag! Die Cache hat mich auf der Seite einfach ausgeloggt. Und logischer Weise kann man das nur öffnen, wenn man nicht eingeloggt ist! :-D

So, ich krame das Thema dann auch mal wieder hoch ;)

Ich habe das Problem, dass sich die aktiven Accordien immer schließen, sobald ich ein neues öffne. Ich möchte allerdings, dass sie sich nur dann schließen, wenn ich erneut auf den Toggler klicke.

Noch ein kleines Bildchen:

Anstatt dieses:

Code:

---

+----- Test ------+
| ist jetzt offen    |
+-----------------+

+----- Test 2 -----+
+----- Test 3 ----+

---

soll dieses:

Code:

---

+----- Test ------+
| ist jetzt offen    |
+-----------------+

|----- Test 2 -----|
| ist jetzt offen    |
+-----------------+

|----- Test 3 ---- |
| ist jetzt offen    |
+-----------------+

---

:D

Hoffe es kann mir jemand helfen. Mein aktueller Code (moo_accordion.tpl):

Code:

---

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

---

Danke schon einmal :)

Niemand eine Idee? :/

Hi echo

als Nichtprogrammierer meine ich, das in Contao integrierte Accordion noch nie so konfiguriert gesehen zu haben. Weshalb vermutlich nicht nur ich davon ausgehe, dass das vorhandene Skript in dieser Art nicht funktioniert.

Grüsse
webseven

Hallo webseven,
Vielen Dank für deine Antwort. Ich programmiere mittlerweile schon ein bisschen, kenne mich allerdings leider noch kaum mit Ajax aus. Ich vermute aber, dass es eigentlich möglich sein sollte, wenn auch vielleicht mit einem kleinen Workaround. :(

Möchte mich an diese Stelle auch einfach mal kurz bei BugBuster bedanken!

Und wenn wer ne Lösung für Echo sein Problemchen hätte, wäre das natürlich auch super :)