jQuery anstatt Mootools verwenden

[andreasisaak]

Hallo liebes Forum,

ich arbeite nun schon seit mehreren Monaten berufsbedingt mit Typolight und bin immer noch schwer begeistert. Man lernt echt jedesmal was neues dazu.

Eine Sache aber nervt mich etwas - es wird Mootools verwendet. Ich weiß ja das jedes JS Framework seine Vor & Nachteile hat aber mal ehrlich, Mootools geht garnicht. Ich würde mich ja echt gerne einarbeiten aber die Doku ist miserabel und im Netz findet man fast nur Tutorials zur Version 1.1! Leider hat sich aber viel seit der Version 1.2 geändert.

Ich weiß, meckern kann jeder aber wieso wechselt Typolight nicht zu jQuery? Das Framework ist mindestens genauso mächtig, die Doku ist ein Traum (siehe alleine http://visualjquery.com/) und es hat ein besseres Handling in Bezug auf Selektoren und Dom Manipulation.

Ich habe heute 3Std gebraucht bis ich das RSS-Reader Modul um eine kleine Ajax Reload Funktion erweitert habe. Der selbe Code ist in jQuery 20 Zeilen kürzer, besser zu lesen und auch angenehmer zu strukturieren...


Bitte bitte bitte wechselt das Framework.

[Nils Riel]

Du kannst doch für das Frontend Jquery nutzen, wo ist das Problem?

[andreasisaak]

Wo das Problem ist?

Das Problem ist das ich dann 2 Frameworks lade (BE = Mootools, FE = jQuery), die Slimbox gegen eine jQuery Lightbox tauschen muss, swfobject auch nicht mehr richtig funktioniert, Typolight eine tolle Funktion anbietet die mir ein Accordion im FE ausgibt und das auch angepasst werden muss und das ich nach diesen Änderungen ein anderes Typolight habe. Von nicht mehr funktionierenden Updates garnicht zu sprechen

Das ist mein Problem


Und wieder ein Bug: Mootools hat keine ausgereifte interne Browserkompatibilität. Simple Ajax Requests sind mit Mootools und dem IE nicht ohne weiteres möglich.

[Nils Riel]

Na dann siehst du ja, was der Leo alles machen müsste, um das System umzustellen

[andreasisaak]

Es würde schon genügen wenn man die neueste Mootools Version verwenden würde


Aber ich kann nicht nur meckern, ich würde auch mithelfen wenn man den Wechsel nach jQuery in Angriff nehmen würde.
Ich habe paar gute und fertig designte Lightbox Alternativen zur Hand, ein Accordion Effekt, würde swfobject auf jQuery trimmen usw. Der Leo ist hier nicht alleine.

[Dev-Ad]

Ich würde jQuery auch den Vorzug geben gegenüber Mootools!

Naja wenn die Community helfen würde die Templates bzw. die js Dateien in jQuery um zu schreiben dann wäre es doch möglich oder?

Slimbox2 verwendet auch jQuery und nicht mehr Mootools.

Hab mich zwar auch in Mootools eigearbeitet um zumindest nicht 2 Frameworks laden zu müssen, sonst laden einige Plugins nicht mehr (repository)

Ich würd sogar versuchen einiges in jquery umzusetzen wenn so ein schritt geplant wäre!

[Antipitch]

Hi jared,

Es würde schon genügen wenn man die neueste Mootools Version verwenden würde

http://https://contao.org/ticket/755 und außerdem http://mootools.net/blog/2009/06/19/...-123-released/.

Nicht dass ein DOM-Toolkit für die meisten Dinge nicht ausreichend oder sogar besser geeignet wäre als ein Framework. Aber für ein Wiederaufwärmen dieser Diskussion hätte es bessere Zeitpunkte gegeben und angesichts dieses Tickets ist das, glaube ich, überflüssig.


cheers
Antipitch

[stefan.sl]

Ich habe auch schon zweimal JQuery STATT mootools genutzt, das Ganze ist
relativ schnell umgesetzt. Ich denke aber für Leo wäre es viel mehr Arbeit, außerdem
müsste er sich wahrscheinlich zusätzlich noch in JQuery einarbeiten.

Ich denke, er ist schon genug mit dem Projekt beschäftigt. Eine Umstellung im
Frontend kann man, wie gesagt, ruckzuck selbst machen.

Schiebt die JQuery Dateien in den Plugin-Ordner, holt Euch die JQuery-Lightbox
und schiebt den Ordner ebenfalls in /plugins - die HTML-Anforderungen sind genauso
wie bei der Slimbox.

Für den Accordion-Effekt habe ich bisher noch keine Lösung gebraucht/gesucht/
erstellt. Dürfte aber auch relativ schnell gehen.

[andreasisaak]

Also entweder bin ich einfach langsam in der Denke oder man versteht mich falsch. Was passiert mit Swfobject wenn ich jetzt jQuery anstatt Mootools verwende???

[Antipitch]

Moin jared,

Was passiert mit Swfobject wenn ich jetzt jQuery anstatt Mootools verwende???

was hat denn swfobject damit zu tun? Das nutzt doch gar keine Bibliothek und funktioniert auch ohne Mootools. Oder was meinst du?


cheers
Antipitch

[andreasisaak]

Ich mache mir einfach nur Sorgen das Parameter vom Backend ans Frontend übergeben werden die dann nicht mehr ausführbar sind. Sei es Swfobject (wenn du sagst es ist unabhängig, dann freue ich mich natürlich), oder Slimbox oder andere Komponenten mit denen Typolight mittlerweile so verzweigt ist das ich mir nicht vorstellen kann das eine reibungslose Trennung der Frameworks zwischen BE und FE möglich ist.

[stefan.sl]

Moin jared,
was hat denn swfobject damit zu tun? Das nutzt doch gar keine Bibliothek und funktioniert auch ohne Mootools. Oder was meinst du?

SWFobject funktioniert komplett ohne MooTools, probiers einfach aus oder schau
einfach mal in die mod_flash.tpl rein.

[Nina]

Soweit ich das sehe ist momentan wirklich nur das Accordeon ein Problem bei der Umstellung. Alles andere kann man imho leicht im Seitenlayout/Template anpassen. Vielleicht hat ja jemand Lust ein kleines Tutorial zu schreiben?

[andreasisaak]

@Nina

Da ich beim nächsten Projekt wahrscheinlich wieder jQuery in Verbindung mit Typolight benutzen werde, kann ich gerne einige Schritte aufschreiben. Ob es für ein Tutorial reicht bezweifle ich da ich nie der große Rechtschreibprofi war

Aber mit ein wenig redaktioneller Hilfe eurerseits bekommen wir das schon hin. Wenn bis dahin keiner schneller war.

[Nina]

Keine Sorge, Rechtschreibung/Grammatik ist bei Tutorials kein Problem solange es halbwegs verständlich bleibt

[Antipitch]

Hi there,
ich halte mich bei TL zwar eigentlich immer an Mootools, aber ich würde mich Ninas Meinung absolut anschließen (schließlich kann man ja auch ohne Genitiv und Dativ Bürgermeister der größten deutschen Hansestadt werden ). Wäre bei Bedarf oder für jQuery-Fans bestimmt sehr nützlich. Und vielleicht würden sich ja auch Leute beteiligen.


cheers
Antipitch

[webseven]

Hi zusammen

ich verstehe wirklich nichts vom Programmiertechnischem. Aber mir ist aufgefallen, wenn ich über wirklich nette grafische Animationen oder Effekte im Netz stolpere, sind diese fast ausschliesslich mit jquery gelöst. Dann muuht man mit TYPOlight doch etwas blöd in der Landschaft. Hat man auf das richtige Pferd, äh, Kuh gesetzt?

Beispiele (jQuery): Parallax oder auch Jung von Matt ..

Grüsse
cy

[stefan.sl]

Wie schon gesagt, wenn Du ein bisschen Einblick in die Materie hast, dann kannst Du ganz einfach das mooTools im Frontend durch jQuery ersetzen.

Wenn nicht, würdest Du (gesetzt den Fall, TL würde mit jQuery laufen) bei wilder Scriptkopiererei sowieso ganz schnell vor die Wand laufen.

[dl1ely]

Leider ist das Tutorial dafür bisher wohl nirgendwo aufgetaucht, *seufz*.

Ich würde meine leise Stimme ja auch jQuery geben....

Stefan

[Tiggr]

Hiho!

Ich warte auch sehnsüchtig! Mir fehlt ein wenig der Überblick, wo ich überall anpassen muss, bin aber mit Mootools nicht wirklich glücklich!

Wäre es eigentlich denkbar eine Erweiterung zu schnüren, die im Frontend Mootools gegen JQuery tauscht? Also die notwendigen Änderungen automatisch vornimmt, vielleicht auch einige gängige Extensions unterstützt?

Tschüss
Marcus (aka Tiggr)

[frank.huettner]

Ich würde auch gerne das Tutorial lesen und jQuery einsetzen...

[andreasisaak]

Entschuldigt dass das versprochene Tutorial bisher noch nicht aufgetaucht ist, aber ich habe mich mittlerweile mit beiden JS Frameworks abgefunden und arbeite mit Mootools sowie mit jQuery.

Mit der Zeit habe ich immer mehr Nachteile beim Wechsel zu jQuery festgestellt, die zumindest meine Arbeit betreffen:

1. Mootools hat zwar eine steilere Lernkurve, ist aber flexibler
2. Ajax Befehle sind einfacher zu implementieren
3. Eigene Funktionen sind schneller erstellt
4. Weniger Markup als bei jQuery

Welche Gründe gibt es denn mittlerweile noch das TYPOlight Frontend mit jQuery laufen zu lassen? :-) Vielleicht übersehe ich etwas

[schman]

ich denke die Grümnde sind einfach, da es bei jQuery "schönere" Effekte gibt als bei MooTools.

[Nina]

Ich denke die korrekte Formulierung wäre: Weil es für jQuery mehr fertige Effektvorlagen gibt.

Leute die sich wirklich mit Frameworks auskennen, können imho mit beiden Systemen die identischen Effekte hinbekommen.

[andreasisaak]

@Nina

Genau so sieht es aus. Wer sich nicht auskennt wird auch bei jQuery ganz schnell an seine eigenen Grenzen stoßen. Mal eben so "fertige" Effekte lassen sich nicht in Handumdrehen bei TYPOlight einbauen.

Aber vielleicht könnte man anfangen diese fertigen Effekte von jQuery in Mootools zu adaptieren um Mootools so attraktiver zu machen.

Um welche Effekte handelt es sich denn?

[schman]

Aber vielleicht könnte man anfangen diese fertigen Effekte von jQuery in Mootools zu adaptieren um Mootools so attraktiver zu machen.

Um welche Effekte handelt es sich denn?

das wär sicher sehr schön
Falls jemand sich mit MooTools beschäftigen will, ich hab es schon länger vor komme aber einfach nicht dazu, hier gibts ein nettes Tutorial 30 Days Mootools

[Tiggr]

Hiho!

Welche Gründe gibt es denn mittlerweile noch das TYPOlight Frontend mit jQuery laufen zu lassen?

Ganz einfach: Ich komme mit jQuery einfach besser zurecht! Ich finde es oft angenehmer, irgendwie denkt das mehr wie ich! ;-)

Aber vielleicht könnte man anfangen diese fertigen Effekte von jQuery in Mootools zu adaptieren um Mootools so attraktiver zu machen.

Naja, ich kann das zumindest nicht! Ich bin nicht so gut in JS!

Mir geht es hier garnicht um einen Glaubenskrieg welches Framework besser ist - sie sind beide gut! Fertig! Mir liegt halt nur eines von beiden besser!

Ich finde die Frage: "Warum willst du überhaupt jQuery?" ein bißschen den falschen Ansatz. Warum will ich Rotwein, statt Weißwein? Warum höre ich Rock und nicht Pop? Warum nehm ich TYPOlight und Drupal?

Warum also den jQuery-User zu einem Mootool-User bekehren oder umerziehen?

Hätte Leo sich für jQuery entschieden, wir würden jetzt die Diskussion genau anderesrum führen...

MIch würden echte Erfahrungswerte interessieren, wie gut oder schlecht sich jQuery im Frontend einsetzen lässt!

Akordeon nutze ich eh nicht, wo könnte ich im Frontend noch auf Abhängigkeiten stoßen? Was benutzt überhaupt im Frontend noch Mootools? Ich hab nämlich so das Gefühl, der Wechsel sollte ziemlich einfach und schmerzfrei sein - bin aber etwas unsicher!

Backend ist keine Frage, das bleibt Mootools, das ist gesetzt!

Tschüss
Marcus (aka Tiggr)

[FloB]

Probleme wird es mit der Lightbox / Mediabox und könnte es noch mit Medieninhalten (werden in 2.8 über Swiff und nicht mehr SWFObjects geladen) geben.

[Tiggr]

Hiho!

Probleme wird es mit der Lightbox / Mediabox und könnte es noch mit Medieninhalten (werden in 2.8 über Swiff und nicht mehr SWFObjects geladen) geben.

Die Lightbox lässt sich sehr leicht austauschen. Ich hab die gegen eine andere Mootools-Lightbox ausgetauscht (sogar per Extension, TYPOlight 2.7.x ;-)), zu sehen unter anderem hier: http://www.rodgauer-workshop.de/work...e/galerie.html.

Die meisten Lightbox-Varianten, die ich kenne, reagieren auf ein Attribut rel="lightbox[gallery]" - deswegen sind die meist leicht zu tauschen.

Das Problem mit Swiff kann ich nicht beurteilen - gibt es kein jQuery-Äquivalent?

Tschüss
Marcus (aka Tiggr)

PS: Danke für den konstruktiven Beitrag! Find ich gut!

[FloydThreepwood]

Es sind zwar weniger Effkte/Extensions, aber dafür sind die meisten um einiges robuster als ihr jQuery Äquivalent.

P.S. Ich find ja YUI besser...

[dude]

Ich bin gerade über folgenden Link gestolpert, der passt ja etwas zum Thema:

http://royal.pingdom.com/2010/03/26/...ch-to-success/

Gruß.

[FloB]

Der Vollständigkeit halber: http://jqueryvsmootools.com/

Sehr guter Artikel, hat mich näher zu MooTools und JavaScript allgemein gemacht – ich bin dankbar, dass Leo sich da das für TYPOlight passende Framework rausgesucht hat!

[webseven]

Ich bin gerade über folgenden Link gestolpert, der passt ja etwas zum Thema:
http://royal.pingdom.com/2010/03/26/...ch-to-success/

Das war eben auch die Meinung meiner Bauchspeicheldrüse (Bauchgefühl). Aber man kann sich auch täuschen.

[blueamerican]

hi,

also ich bin neu bei contao und noch nicht ganz durchgestiegen aber auch ich würde jquery auf jeden fall bevorzugen, zumindest im frontend.

der grund ist: es ist in meinen augen schneller und einfacher beim developen!

und damit letztendlich besser!

habe gerade gesehen dass mootools hart verlinkt ist in fe_page.tpl...

nicht so schön...

also wenn es ein tutorial gäbe wie man mootools ersetzt, würde ich das begrüßen

vg blueamerican

[stefan.sl]

... und damit letztendlich besser!

Unsinn! Lies mal das hier: http://jqueryvsmootools.com/
Der Kollege bringt das ganz gut auf den Punkt.

[Nina]

also wenn es ein tutorial gäbe wie man mootools ersetzt, würde ich das begrüßen

Ein fertiges Tutorial gibt es soweit ich weiß nicht. Aber eigentlich ist es auch nicht schwer. Du musst halt das fe_page.tpl im Backend beim Abschnitt 'Templates' kopieren und den entsprechenden Aufruf darin entfernen. Stattdessen den JQuery-Aufruf reinpacken und los geht es. Wenn ein Update ansteht dann das ganze am besten einfach mit der aktuellen fe_page.tpl wiederholen. Keine Kunst also

Natürlich muss dir aber klar sein, dass bestimmte Standardfunktionen von Contao dann nicht laufen, da sie auf MooTools aufbauen -> z. B: Accordeon.

[blueamerican]

@stefan:
ich hab doch gesagt dass es subjektiv ist!

ich kann mit jquery schneller arbeiten!

@nina:
ja thx... dass es so einfach geht hätte ich jetzt nicht gedacht:-)
sehr schön!

[xchs]

Es gibt im englischen Contao-Forum ein Tutorial "Use jQuery with typolight howto" (erstellt von Vera).