Forum

von **Joachim.Dörr** » 18. Jun 2007, 12:09

Update: Das MooTabs Modul ist jetzt im Downloadbereich

So es gibt 4 neue Mootools Module die alle die neue Mootools-Version 1.1 berücksichtigen - es sind Mootools-Tools die es schon für viele andere CMS Systeme gibt. Jetzt dann auch für Redaxo als entsprechende Module.

Es gibt noch einiges zu Tun aber da die Module selbst eigentlich so fast fertig ist wollt ich das ganze der Welt nicht vorenthalten und habs schon vorab eingestellt. - Was Fehlt steht in den ToDo's -> beeinträchtigt aber nicht die Funktionalität der Module -> ist eigentlich nur wünschenswertes dazu...

Fragen, Ideen und Anregungen bitte hier im Forum bzw. als Kommentare bei den Modulen abgeben.

lg
Joachim

von **Joachim.Dörr** » 18. Jun 2007, 12:13

Slightbox: http://www.redaxo.de/165-Moduldetails.h ... ule_id=250
SmoothGallery: http://www.redaxo.de/165-Moduldetails.h ... ule_id=251
Mighty Accordion: http://www.redaxo.de/165-Moduldetails.h ... ule_id=252
MooTabs: http://www.redaxo.de/165-Moduldetails.h ... ule_id=253

von **Joachim.Dörr** » 18. Jun 2007, 12:21

Hinweis, Installation, Anleitung

Dateien das Gesamtpacket aller nötiger Dateien für die Mootools-Module gibts unter: http://pixelworks-factory.eu/mootools.zip

Mighty Accordion
Installation:
1. Download der nötigen Dateien siehe oben.
2. Die Dateien "mootools.v1.11.js", "mootools.acc.js" und "mootools.slfx.js" via Medienpool in den Ordner "/files" hochladen.
3.1. Die Dateien "mootools.v1.11.js" und "mootools.slfx.js" im <head></head> des Templates anfügen.

Code: Alles auswählen: <script type="text/javascript" src="<? // echo $REX['HTDOCS_PATH'] ?>files/mootools.v1.11.js"></script> <script type="text/javascript" src="<? // echo $REX['HTDOCS_PATH'] ?>files/mootools.slfx.js"></script>

3.2. Die Datei "mootools.acc.js" im Template unter dem Content (das ist wichtig!) nicht im Head oder sonst wo sondern unterhalb des Contents anfügen.

Code: Alles auswählen: <script type="text/javascript" src="<? // echo $REX['HTDOCS_PATH'] ?>files/mootools.acc.js"></script>

4. Modul Ein- und Ausgabe in Redaxo installieren.
5. Mehrere Migthy Accordion Modul Blöcke untereinander ergeben den gewünschten Accordion-Effekt.

MooTabs
Installation:
1. Download der nötigen Dateien siehe oben.
2. Die Dateien "mootools.v1.11.js", "mootab1.2.js" und "mootab1.2.css" via Medienpool in den Ordner "/files" hochladen.
3. Die Dateien "mootools.v1.11.js", "mootab1.2.js" und "mootab1.2.css" im <head></head> des Templates anfügen.

Code: Alles auswählen: <script type="text/javascript" src="<? // echo $REX['HTDOCS_PATH'] ?>files/mootools.v1.11.js"></script> <script type="text/javascript" src="<? // echo $REX['HTDOCS_PATH'] ?>files/mootabs1.2.js"></script> <link rel="stylesheet" type="text/css" href="<? // echo $REX['HTDOCS_PATH'] ?>files/mootabs1.2.css" media="screen" />

4. Die Modul Ein- und Ausgabe in Redaxo installieren.
5. Das Modul benötigt die "rexnames" Action. Die Action in Redaxo installieren 1mal mit PRE + ADD/EDIT und 1mal mit POST + ADD/EDIT wie hier beschrieben. Beide Actionen "rexnames PRE" und "rexnames POST" dem Modul zuweisen.

Code: Alles auswählen: <? // Erweiterung REX_VALUE aus REX Dokumentation $newname = ""; for ($c=0;$c<99;$c++) { $newname .= $rexname[$c]."~~"; } if ($REX_ACTION[VALUE][1] != "") { $rexname = split("~~",$REX_ACTION[VALUE][1]); } else { $REX_ACTION[VALUE][1] = $newname; } ?>

6. Das Modul gibt möglichkeit 8 Tabs anzulegen. Man muss min. ein Tab mit Headline und Text ausfüllen.

Hinweis: MooTabs lässt sich in vers. Form modifizieren. dazu muss man entsprechend das Javascript des Ausgabecods in Zeile 139 verändern.

Code: Alles auswählen: echo "<script type=\"text/javascript\" charset=\"utf-8\">window.addEvent('domready', init); function init() {myTabs = new mootabs('myTabs".$tabID."', {});}</script>\n";

Hinter 'myTabs".$tabID."', kommt in die geschweifte Klammern {} z.B. solche Modifikationen:

Code: Alles auswählen: height: '300px', width: '450px', changeTransition: 'none', mouseOverClass: 'over'

vers. Optionen siehe hier: http://www.silverscripting.com/mootabs/

Allgemeiner Hinweis: Mootools versteht sich schwer mit anderen Javascriptbibliotheken!

lg
Joachim

ps. ich bin leider noch nicht dazugekommen die Vorschau etwas netter zu gestalten - sorry :roll:

pps. bin noch nicht ganz fertig mit den Anleitungen - sorry - ist schon etwas Arbeit und ich hab nicht sooo viel Zeit imo.

von **Joachim.Dörr** » 18. Jun 2007, 12:24

Weitere Vorschau:

Slightbox: http://pixelworks.info/index.php?article_id=7&clang=0

"Oberes Pic -> Einzelbilddarstellung"
"Untere Pics -> Bilddarstellung im Verbund"

SmoothGallery: http://pixelworks.info/index.php?article_id=6&clang=0

"Oben -> als Slidshow"
"Unten -> als Fullgallery"

lg
Jaochim

von **fuuss** » 18. Jun 2007, 18:06

Hallo
Ich hab aber iergendwie noch Probleme mit der SmoothGallery ,

Die Slighbox schein zu funktionieren aber naja die Smoothgallery stellt mir alles bilder hintereinander auf ohnen lightbox oder sonst was , als Laye ist es natürlich schwer eine gute erklärung des problems zu bringen daher beschreibe ich meine Vorgänge , ich hab di moo tols runtergeladen und in
/html/redaxo/js kopiert ( das könnte schon falsch sein)

Die smoothgallery und slight box hab ich in den entsprechenden ordner in
/html/redaxo/include/addons kopiert

die beiden module hab ich dann hinein copy paste naja iergendwie ist da der wurm drin ,

Vielen dank im voraus für die Hilfe

MFG

Fuchs

von **Joachim.Dörr** » 18. Jun 2007, 18:12

fuuss hat geschrieben:/html/redaxo/js kopiert ( das könnte schon falsch sein)

Die smoothgallery und slight box hab ich in den entsprechenden ordner in
/html/redaxo/include/addons kopiert

Die Dateien gehören alle via Medienpool oder "ftp" in den Ordner "/files" kopiert!

lg
Joachim

von **fuuss** » 18. Jun 2007, 19:12

Muss ich vorab die Lightbox deinstallieren. ??? oder stört diese nicht

von **Joachim.Dörr** » 18. Jun 2007, 21:29

Die Lightbox - also aus dem addon sollte dann nicht mehr verwendet werden - das ligt an der Prototype Javascript - Bibliothek die sich mit Mootools nicht wirklich versteht - ich hab noch keinen Weg gefunden beides mit einander zu vereinen deswegen auch die Slightbox als zusatz quasi als ersatz.
lg
Joachim

von **fuuss** » 18. Jun 2007, 23:22

Danke für die Hilfe , bekomme das aber iergendwie nicht so auf die Reihe warte mal bis eine genaue Anleitung gepostet wird , Vielen dank auf jeden Fall

Fox

von **Joachim.Dörr** » 19. Jun 2007, 06:35

Schau mal im Quelltext der von mir angegebenen Beispieleseiten nach

lg
Joachim

von **fuuss** » 19. Jun 2007, 14:57

Hey toll jetzt hab ich es fast geschaft , es läuft fast alles , nur der hintergrund wir nicht verdunkelt , naja und die bilder werden ganz oben angezeigt und im resize ist auch noch der Wurm drin ich bin weiter und bedanke mich herzlich

http://www.101.lu/?/7-0-trailer.htm

naja die Bilder hab ich nur zum testen rein gesetzt also :-)

von **Joachim.Dörr** » 19. Jun 2007, 20:32

am besten mal auf einer redaxo installation zum testen die clean ist das ganze installieren und testen

Die Bilder - sobald man immer ein ausgefülltest Feld haben möchte sollten von der Seitengleich schon stimmen.

lg
Joachim

von **chill3r** » 8. Jul 2007, 15:59

hi wollts grad auch mal ausprobieren aber der download der packete ist offline.

http://pixelworks-factory.eu/mootools.zip

diese zip datei gibs leider nichtmehr. kann ich die sonst noch irgendwoher bekommen?

von **Joachim.Dörr** » 9. Jul 2007, 20:12

Sorry, danke für den hinweis - das ganze packet ist wieder online.

lg
Joachim

von **barbe** » 16. Nov 2007, 10:20

Hi Joachim,

tolles Modul! Gefällt mir sehr gut.

Hast Du eine Erklärung dafür, warum meine Bild-Beschreibung etwas versetzt zur Überschrift angezeigt wird (Bild 1/8)?

http://musica-viva.de/cms/index.php?art ... 48&clang=0

Viele Grüße
Sebastian

Forum

SmoothGallery, Slightbox, Mighty Accordion und MooTabs

SmoothGallery, Slightbox, Mighty Accordion und MooTabs

Tolles Modul!

Wer ist online?