akkordion display

[hamlet]

kann mir jemand sagen, wo ich dislay auf-1 setzten muss,damit das ding am anfang eingeklappt bleibt?

[tblumrich]

Hi.

Im Template moo_accordion.
Ich halte es mit display:false - aber das wird wohl kein Unterschied sein.

Gruß
Thomas

[Tim G]

In den optionen zum Akkordeon.
Display erwartet einen Integer, also eine Zahl, die dem Index des Startelements entspricht; nicht boolean.


Sent from my iphone using Tapatalk

[tblumrich]

Hi.

Das wusste ich nicht, dann hab ich jetzt auch wieder was gelernt. Danke.
Meinst du mit "Optionen zum Akkordeon" was anderes als im Template? Wüsste sonst garnicht, wo man sonst was in derart konfigurieren könnte...

Gruß
Thomas

[Tim G]

Nein nein, schon im Template.

Hier ein Auszug vom Anfang des Akkordeon Scripts.

var display = 2; // öffne das 3. Akkordeon
 new Accordion($$('div.toggler'), $$('div.accordion'), {
	      opacity: false,
	      alwaysHide: true,
	      display: display,
	      onActive: function(tog, el) {
	      el.setProperty('aria-hidden', 'false');

[hamlet]

so,jetzt werde ich langsam wahnsinnig.Habe das Akkordion über die Artikel Funktion und Elementyp erzeugt, es liegt im Templates Ordner kein moo accordion. wenn ich es jetzt mauell erstelle,hat das scheinbar kein zugriff auf das gesetzte Accordion.
Hiiilfe

[schman]

Hast du denn im Backend, dass Template überhaupt kopiert?

[hamlet]

nich,dass ich es wüsste,wo mache ich das,wie mache ich das?? sorry,noch nihct so viele erfahrungen

[schman]

Im Backend gehst du auf Layout -> Templates. Im Dropdown Menü wählst du nun das moo_accordion(html, xhtml) aus. Je nachdem welchen Doctype du verwendest. Du wählst dann das Zielverzeichnis des Themes aus und bestätigst.
Anschließend hast du im Zielverzeichnis dein Template, dort kannst du nun deine Änderungen machen. Wenn du es umbenennst musst du noch im Seitenlayout deines Themes (Themes -> Seitenlayout) das geänderte moo_* Template einbinden.

Wahrscheinlich wirst du dann noch keine Änderung sehen, da der Contao Cache ziemlich hartnäckig ist. Um den Cache zu löschen musst du unter System -> Systemwartung den Cache löschen (alle system/* Verzeichnisse).

[hamlet]

Mercie bien,
der Cache war es! Manchmal steht man echt auf der Leitung.

[Birden]

Versuche es nach dem Update auf Contao 3 wieder zum gehen zu bringen. Mit display: false, bleibt das erste aufgeklappt. Setze ich dislay auf -1 bleibt es auch aufgeklappt, aber der Inhalt wird nicht angezeigt. Wie bring Contao 3 dazu, daß des wieder Funktioniert?

[xchs]

Hast Du nach Änderung des Templates den FileCache "system/tmp" in der "Systemwartung" bereinigt?

[Birden]

Hast Du nach Änderung des Templates den FileCache "system/tmp" in der "Systemwartung" bereinigt?

Wiederholt ...

[xchs]

So, grad eben selbst nochmals probiert: Klappt einwandfrei! Kannst Du ausschließen, dass Du das falsche Template bearbeitet hast? Wie sieht Deine Änderung im Detail aus? Ist Deine Änderung im Quelltext vorhanden?

[Birden]

<script>
(function($) {
  window.addEvent('domready', function() {
    new Accordion($$('div.toggler'), $$('div.accordion'), {
      display: -1,
      opacity: false,
      alwaysHide: true,

oder

<script>
(function($) {
  window.addEvent('domready', function() {
    new Accordion($$('div.toggler'), $$('div.accordion'), {
      display: false,
      opacity: false,
      alwaysHide: true,

Ja, im Qelltext wird es angezeigt. Egal ob ich es mit Firefox, Opera oder IE aufrufe, das Ergebnis ist dasselbe.

[xchs]

Gibt es irgendwelche JavaScript-Fehler in der Konsole? Ist die Seite online?

[Birden]

Liegt auf XAMPP

Der wirft in der Firefox Web-Konsole folgender Fehler raus:
[17:24:13.783] getAttributeNode() sollte nicht mehr verwendet werden. Verwenden Sie stattdessen getAttribute(). @ http://localhost/xxx/assets/js/813088c036c0.js:2

Kenne ich mich jedoch mit JavaScript nicht aus ...

[xchs]

Wenn ich mich recht erinnere, ist das irgendwas aus dem MooTools-Framework, dürfte aber hier nicht weiter von Bedeutung sein.

Ich weiß dann leider auch nicht, wo bzw. was das Problem bei Dir sein könnte. Wie gesagt, ich habe es extra bei mir probiert und es hat einwandfrei funktioniert.

[Birden]

Danke fürs Erste.

[edge]

gleiches Vorgehen bei Contao 3 und jQuery: Template kopiert, in dem Fall j_accordion.html5

Änderungen in dem Template werden auch ohne Cache löschen sofort sichtbar, allerdings hat die Ergänzung von active: false in Zeile 6 keine Auswirkung, Akkordeon-Tab 1 ist immer noch aufgeklappt...

<script src="<?php echo TL_ASSETS_URL; ?>assets/jquery/ui/<?php echo JQUERY_UI; ?>/jquery-ui.min.js"></script>
<script>
(function($) {
  $(document).ready(function() {
    $(document).accordion({
      active: false, 
      autoHeight: false,
      header:'div.toggler',
    });
    var activate = function(tog) {
      var tgs = $('div.toggler');
      tgs.removeClass('active');
      tog.addClass('active');
      tgs.next('div.accordion').attr('aria-hidden', 'true');
      tog.next('div.accordion').attr('aria-hidden', 'false');
    }
    $('div.toggler').focus(function(e) {
      $('div.toggler').attr('tabindex', 0);
      $(this).attr('tabindex', -1);
    }).blur(function() {
      $(this).attr('tabindex', 0);
    }).click(function() {
      activate($(this));
    }).keypress(function(event) {
      if (event.keyCode == 13) activate($(this));
    });
  });
})(jQuery);
</script>

[jubel]

Hast du collapsible auf true gesetzt?

Boolean: Setting active to false will collapse all panels. This requires the collapsible option to be true.

http://api.jqueryui.com/accordion/