Druckbare Version
Sorry falls ich des Suchens nicht mächtig sein sollte, aber ich habe nichts gefunden:
ich suche eine Extension, die ein horizontales Accordion ermöglicht, auf mootools-Basis habe ich z.B. das: http://www.leigeber.com/2008/05/hori...ccordion-menu/
gefunden.
Mit jQuery gibt es hier: http://theartsdfw.monkstaging.com/
ein schönes Beispiel für das was ich meine.
Gibt es sowas für TL /Contao schon?
Schönen Dank für Hinweise.
Da es die Mootools Variante schon gibt, braucht man ja nur aus der js Datei ein Contao passendes Mootools Template machen und im Menü noch die id/class setzen.
Schon sollte es gehen.
CSS natürlich auch nutzen / anpassen, klar.
Hm, das klingt prinzipiell gut, ich hatte eher in die Richtung gedacht, dass man für das normale Akkordeon versucht, eine Option 'horizontal' einzubauen, aber es stimmt schon, hier handelt es sich eher um ein Bildermenü als um ein Akkordeon.Zitat:
Zitat von BugBuster
Der richtige Link zur Mootools-Umsetzung ist übrigens hier (der oben war eine unabhängige JavaScript-Umsetzung): http://dev.phatfusion.net/imagemenu/, dank Carolina gefunden ;-)
Ob mir schon so ganz klar ist, wie ich ein neues Mootools-Template für TL /Contao erstelle, weiß ich noch nicht - probiere das mal und melde mich, wenn es Probleme gibt.
Danke für Eure Antworten!
EDIT: also meinst Du, ich soll den ganzen js-Code in eine tpl packen und das ganze dann als moo_irgendwas.tpl abspeichern? Und wie binde ich das dann ein???
Oder könnte ich einfach die jetzige .js im Kopf meines Seiten-Templates einbinden? Aber dann bräuchte ich immer noch die Instanzierung im Template?!
Sorry, aber mir sind so einige Interna von Contao noch ziemlich schleierhaft ;-/
Schau auch mal hier: http://www.kriesi.at/archives/apple-...ed-with-jquery
varix
Naja, jQuery macht ja wenig Sinn, da mootools ja schon in Contao implementiert ist.
Mir gehts ja jetzt um das WIE (am besten) in Contao. Außerhalb würde ich sowas schon zusammengebastelt bekommen mit den entsprechenden Codeschnipseln, das ist nicht die Frage.
Auch könnte ich das per Hand in einem Projekt in Contao über erweiterten (js) eigenen HTML-Code zusammenschustern, aber das wäre nicht 'schön' und vielleicht besteht ja auch noch anderweitiges Interesse an dieser Funktion?!
Eine Extension zu bauen traue ich mir noch nicht zu, aber vielleicht gibt es ja jemanden, der Interesse hätte, das irgendwie zusammen anzugehen? Würde mich gerne in die Extensionentwicklung einarbeiten, aber komme da alleine leider noch nicht klar bzw. habe momentan auch nicht die Zeit, die existierenden Anleitungen in Ruhe nachzuvollziehen.
Aber die Frage müsste ich dann wohl nochmal im Extension-Forum stellen.
Nein, das JS laden wie normal, nur die aktivierung in ein moo_ .. tpl packen.Zitat:
Zitat von tlnewbie
(also aus dem "body onload=..." ein "window.addEvent..... machen).
Sieh dir einfach mal an wie eine Seite generiert wird wo Mediabox genutzt wird.
Am Ende siehst du JS und gleich danach die Aktivierung.
Irgendwie so könnte man das auch basteln.
die auf die alte mootools 1.11 basirte Variante (http://dev.phatfusion.net/imagemenu/) könnt man sich auch als Anleitung nehmen.
Ich bin keine JS Fan sonst würde ich mich da mal ran machen.
Also ich habe jetzt
1. ein alternatives nav-template erstellt und einem individuellen Menümodul zugewiesen.
2. die originale imageMenu.js per Hand in meinem Seitentemplate eingebunden (plus die originale, noch zu modifizierende) imageMenu.css
3. die Instanzierung einfach in 1. inkludiert.
So funzt es.
Hatte Deine Antwort noch gar nicht gelesen...
Und genau da blick ich nicht durch, aber vielleicht ja irgendwann?!Zitat:
Zitat von BugBuster
Ich bin auch kein JS-Fan (zumindest kein JS-CODE-Fan), die Effekte finde ich aber ziemlich genial.Zitat:
Zitat von BugBuster
Oh mann, jetzt hab ich eben erst begriffen, dass alle tpls, die mit moo_ beginnen, automatisch in der Auswahl im Seitentemplate gelistet werden...
Hauptsache wieder was gelernt... ;-)
Ich versuch mich auch Grad mit dem Menü. Irgendwas hab ich aber übersehen. Ich habs auch versucht mit dem alternativen Nav-Template JS per Hand eingebunden, die CSS in meine CSS mit eingebaut, in der CSS den Pfad zu den Bilden Optimiert und im Modal die ID zugewiesen. Es wird aber nichts angezeigt. Was hab ich übersehn? Ich habs auch mit moo-Template versucht. Das zeigt er mir im Seitenlayout schon an, aber Wie kann ich es dann aktivieren wenn ich es nicht als Modul hab bzw. im Layout dann einer Spalte Zuweisen kann?
Vielleicht kannst Du mir mal Deinen genauen Js Code posten, ich vermute das hier der Fehler sein muß.
Danke vorab
Freaky
Sorry,
habe Deine Frage erst jetzt bemerkt und nun mal nachgesehen, was ich da gemacht hatte. Meine nav_image.tpl, die ich meinem individuellen Menü zugeordnet hab, sieht so aus:
Ansonsten hab ich die imagemenu-Dateien in meinen tl-files-Ordner gepackt und die css und die js in meinem Seitentemplate eingebunden. Nicht der sauberste Weg, denk ich, da kein separates moo-Template, aber einfach und funktioniert.HTML-Code:<div id="imageMenu">
<ul class="<?php echo $this->level; ?>">
<?php foreach ($this->items as $item): ?>
<?php if ($item['isActive']): ?>
<li class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><span class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?></span><?php echo $item['subitems']; ?></li>
<?php else: ?>
<li class="<?php echo $item['alias']; ?>"><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</div>
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
});
</script>
Gruß
tlnewbie
Ich nutze einfach mal diesen Thread, da er das selbe Thema behandelt:
Gibt es eine Erweiterung für Contao für ein Akkordeon was nicht untereinander ist, sondern nebeneinander? Der Inhalt soll weiterhin darunter aufklappen, aber die einzelnen Menüpunkte sollen nebeneinander statt untereinander stehen.
Von CSS hab ich btw keine Ahnung, d.h. irgendwelche CSS Codes helfen mir nur, wenn man mir genau sagt wo ich diese hinkopieren muss^^.
mfg