- Startseite
- typo3-webdesign.blog
- Businesspaket 2011
- Produkte
- Preise Für Typo3 / PHP
- Referenzen
- Typo3 Duisburg
- Warum wir?
- Kooperationen
- Roland Golla
- FAQ
- Kontakt
- Motorradmesse Dortmund
- Peniche 2011 September
- Peniche 2011
- Peniche 2010
31.12.11 14:34
Jquery - Scriptaculous - Prototype und Javascript Framework Bibliotheken gemeinsam nutzen – Methode .noConflict()
Der parallele Einsatz von jQuery und Prototype ist nicht reibungslos. Das liegt an der gemeinsamen Nutzung des Shortcuts „$“ für die internen Funktionen und Selektoren.
jQuery Javascript Framework und Typo3
Prototype Javascript Framework und Typo3
Scriptaculous Javascript Framework und Typo3
Der Browser kann in diesem Falle nicht wissen auf welche von den beiden Javascript Frameworks zugegriffen werden soll und wirft einen Fehler der für den User nicht sichtbar ist. Tools wie die Erweiterung Firebug zeigen dem Internet Entwickler den Errorcode an. Dieser ist leider wenig aussagekräftig und beschränkt sich in den meisten Fällen auf ein „undefined“. Dem eigentlichen Problem kommt man erst auf die Spur, wenn man die Einbindung von Prototype aufhebt und die Applikation erneut testet.
Bei neuen Anwendungen kann man diesen Fehler natürlich einfach vermeiden indem man seine Javascript Programmierung nur mit einem Javascript Frameworks realisiert. Hier sollte man auf jQuery setzen, da es wesentlich ausgereifte und umfangreicher ist. Zudem ist die Entwicklung zu Prototype seit Ende 2010 eingestellt worden. Dadurch wird es in Zukunft nicht mehr möglich sein aktueller Browseranforderungen durch Updates zu unterstützen und man kommt nicht um aufwendige Migrationen herum.
Jquery hatte leider lange Zeit zu unrecht den Ruf nicht performat zu sein und den Seiten Aufbau und die Geschwindigkeit von Internetseiten zu verlangsamen. Diese Aussage ist immer schon falsch gewesen. Zusätzlich kann man sich jquery als Minimalversion auf der Internetseite herunterladen und gegebenenfalls zusätzliche Pakete individuell hinzufügen. Moderne Browser erkennen zusätzlich die verwendete Version von jQuery auf der Internetseite und nutzen sie dann ohne sie selbst zu laden.
Konflikte können schnell zwischen allen geladenen Javascript Frameworks entstehen. Die bekanntesten hierbei sind sicherlich jQuery, Prototype und Scriptaculous. Die Vielzahl der unterschiedlichen Bibliotheken wird gerne in Erweiterungen (Extensions) in Typo3 genutzt und hier ist hier nur sehr schwer zu beheben. Von daher sollte man bei der Installation und bei der Auswahl schauen dass man immer auf ausschließlich jQuery setzt.
Abhilfe bei Konflikten mit jQuery schafft die jQuery Funktion .noConflict(). Diese sollte einfach im Header der Internetseite direkt ausgeführt werden. Das kann gerne erst nach dem Einbinden der unterschiedlichen Javascript Bibliotheken sein. Nach Möglichkeit sollte jQuery als letzte Bibliothek eingebunden.
<head>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
// Benutze jQuery statt des $ Operators
jQuery(document).ready(function(){
jQuery("#errorwindow").hide();
});
// Prototype kann in diesem Falle weiterhin den $ Operator nutzen
$('#popuplayer').hide();
//]]>
</script>
</head>
Weiterführende Links:
jQuery
Offizielle Internetseite
http://www.jquery.com/
Dokumentation
http://docs.jquery.com/Main_Page
Prototype
Offizielle Internetseite
http://www.prototypejs.org/
Dokumentation
http://api.prototypejs.org/
Scriptaculous
Offizielle Internetseite
http://script.aculo.us/
Dokumentation
http://madrobby.github.com/scriptaculous/
03. May 2012 Neue Typo3-Internetseite (Version 4.7) und Außenbanner für die Partyhenne
Am Samstag, 5. Mai 2012, steigt ab 21 Uhr die zweite Party der Veranstaltungsreihe „Die Partyhenne“ in Duisburg-Neudorf. DJ Lippi zaubert hier die „besten Hits aller Zeiten“ aus dem Ärmel und lässt es auf der Tanzfläche wieder so...
02. May 2012 Individuelle PHP Programmierung für den Düsseldorfer Anwaltsverein geht online
Sie suchen eine Terminsvertretung durch Mitglieder des Düsseldorfer Anwaltsvereins, dann können Sie das ab sofort bequem online erledigen. Mit der neuen Suchmaske ist es schnell und einfach möglich eine passende Vertretung zu...
02. May 2012 Profibilder für Internetseiten: Sven Wagner erweitert das Team
Bilder sind im Internet bekanntlich das Salz in der Suppe. Bildergalerien sind ein Ziel von Besuchern, laden den Kunden zum Stöbern ein und steigern die Verweildauer.
18. April 2012 Typo3 Webdesign: Köster Duisburg – ein kleines Familienunternehmen mit großem Spektrum
Seit Mitte April 2012 ist die neue Internetpräsenz von Köster Duisburg online: Unter www.koesterduisburg.de informiert der Duisburger Gastronomie-Profi fortan regelmäßig über seine Hotels, Restaurants und Events.
10. April 2012 Neue Partyreihe in Duisburg erfolgreich gestartet
Ostersamstag fand in der Gaststätte "Goldener Hahn - Die Henne" in Duisburg der Auftakt einer neuen Partyreihe statt. Ab 20 Uhr feierten knapp hundert Gäste unter dem Motto "Party-Henne" bis tief in die Nacht zu aktuellen Hits,...