Javascript

3 Tools zur Steigerung der Webseiten Performance

Online-Tools zur Optimierung der Webseite:

Drupal und Ajax

Da Drupal jQuery als Javascript Framework nutzt, bietet es sich an, bei eigenen Modulen auf diese Funktionalitäten zurückzugreifen.

Doch wie macht man es im "Drupal-Way" ?

Viziontech Software Solutions zeigt in einem kurzen Tutorial einen guten Einstieg in die Thematik:
http://viziontech.co.il/tutorial1

Weiterführende Infos bietet auch das Buch Drupal 6 Javascript and jQuery

FaceBook sharer.php nutzen

Wie sicherlich bekannt ist, bietet Facebook die Möglichkeit Seiten zu "sharen" - dies kann man über Facebook selbst tun ( hierzu genügt es auf der Pinnwand im Feld "Was machst du" einen Link zu posten ) oder über einen selbst erstellten Link..

http://www.facebook.com/sharer.php?u=<url to share>&t=<title of content>

Eigentlich recht einfach - zu beachten ist, dass man die < url to share > bzw < title of content > URLencoden muss !

JSON Viewer

Für den Datenaustausch zwischen Javascript und anderen Scriptsprachen bietet sich das Format JSON an.
Da die JSON Strings teilweise recht unübersichtlich werden können, bieten sich die folgenden Tools zur Anzeige / zum Bearbeiten an:

Online JSON Viewer: http://jsonviewer.stack.hu/
StandAlone JSON Viewer: http://jsonviewer.codeplex.com/

JqueryUI Datepicker - Localization für deutsches Datumsformat

JqueryUI bietet neben vielen anderen schicken GUI Elementen auch einen Datepicker. Dieser lässt sich recht einfach ein bestehendes Eingabefeld knüpfen.

jquery TimePicker

Bei der Suche nach einem Datepicker findet man ja recht viele nützliche jquery Plugins - anders sieht es da bei den Timepickern aus.

Hier habe ich bisher nur ein Script gefunden, welches mit jquery-ui zusammenarbeitet - ein Dank geht hier an meinen Kollegen Sascha, der mir diesen Tipp gegeben hat !

http://haineault.com/media/jquery/ui-timepickr/page/

Screenshot:
jquery_timepicker.jpg

jquery - Prüfen ob ein Element auf einer Seite existiert

Ich stand gerade vor dem Problem zu prüfen, ob ein DIV Element auf einer Webseite existiert.
Über jquery sollte dies ja eigentlich kein Problem sein - doch ganz so einfach ist es dann doch nicht ;)

if ( $("#mydivid") ) {
//Code ausführen
}

Dies funktioniert so nicht, da das jquery Objekt ( $("#mydivid") ) immer etwas zurückliefert - mit dem Aufruf wird nur ein Objekt angesprochen - und egal ob dies auf der Seite existiert oder nicht wird dies in jedem Falle zurückgegeben.

Javascript - Umlaute umwandeln

Teilweise gibt es bei Javascript ja Probleme mit den Umlauten - bspw. bei der Ausgabe über den "alert"-Befehl. Hier schafft die folgende Seite Abhilfe: http://www.salesianer.de/util/alert-umlaute.html

Die Umlaute werden hier entsprechend kodiert - somit ist eine korrekte Darstellung unter allen Browsern gewährleistet..

Inhalt abgleichen