JavaScript

Linktipp: Zoomify Viewer Parameter API Dokumentation

Die Zoomify Steuerungsparameter sind leider nicht ganz leicht zu finden, daher möchte ich den Link hier noch einmal teilen und empfehlen:

Flexslider: Zu einem Slide springen (+ Drupal Flexslider snippet)

Ihr möchtet mit Flexslider zu einem bestimmten Slide springen?
Kein Problem, auch wenn die Information der API-Dokumentation nicht direkt zu entnehmen ist.

Es genügt die folgende Zeile JavaScript:

  1.     // Flexslider-Objekt holen
  2.     var flexslider = jQuery('#deine-flexslider-id').data('flexslider');
  3.    

Text Scroller (Lauftext) mit <marquee> und jQuery! Grandios

Ihr braucht einen Text-Scroller, aber <marquee> ist bekanntlich nicht X-Browser kompatibel und bereits in die Jahre gekommen!?

Hier gibt es eine erstklassige Lösung, um <marquee> auf alle Browser zu erweitern, mit zusätzlichen Events zu versehen und Einstellungen zu vereinheitlichen!

Snippet: (Drupal + allg.) Cookies dynamisch via JavaScript setzen

Zunächst einmal muss ich ein kleines Dankeschön aussprechen an die Entwickler des http://drupal.org/project/adaptive_image - Moduls. Davon abgesehen, dass das Modul einfach großartig funktioniert, habe ich hier einen super Hinweis zum Setzen dynamischer Cookies via JavaScript (in Drupal - wobei dieser Hinweis auch allgemein ohne Drupal gilt) gefunden.

Linktipp: Silbentrennung via JS oder PHP - hyphenator und Co

Der verlinkte Eintrag beschäftigt sich mit Lösungen zur Silbentrennung in JavaScript und PHP.

Viel Spaß beim Lesen!

qTip - der etwas bessere Tooltip?

Vor einigen Tagen bin ich auf das jQuery Plugin "qTip" gestoßen und muss sagen, dass ich sofort überzeugt war.

Das Plugin bietet mit den Sprechblasen oder der einfachen Boxdarstellung viele verschiedene schöne Darstellungsformen. Auch technisch ist qTip gut ansprechbar und durch die vielseitigen Einsatzmöglichkeiten sehr flexibel.

Get JQuery Ui Version

I already found out, how to get the JQuery Version:

http://jquery-howto.blogspot.com/2009/02/how-to-check-jquery-version.html

  1. // Returns string Ex: "1.3.1"
  2. $().jquery;
  3.  
  4. // Also returns string Ex: "1.3.1"
  5. jQuery.fn.jquery;

But not, how to output the Version of JQuery ui.
So I would like to tell you how to reach this:

  1. jQuery.ui.version

Einordnung:

JQuery Ui Version auslesen

In dieser Anleitung hatte ich bereits Infos gefunden, wie man die JQuery Version ausliest:

http://jquery-howto.blogspot.com/2009/02/how-to-check-jquery-version.html

  1. // Returns string Ex: "1.3.1"
  2. $().jquery;
  3.  
  4. // Also returns string Ex: "1.3.1"
  5. jQuery.fn.jquery;

Einordnung:

Hintergrundfarbe per JQuery dynamisch wechseln mit Effekt

Ich habe mich gefragt, wie man mit JQuery die Hintergrundfarbe als Hover-Effekt wechseln kann.

Nach einiger Zeit kam ich auf die folgende Lösung, die super aussieht und natürlich zusätzlich mit Verformungseffekten etc. versehen werden kann:

  1. $(document).ready(function(){
  2.   $('.elementToHover').hover(
  3.           function () {

JQuery - Elemente in Ajax-Bereichen automatisch initialisieren

Häufig tritt beim Einsatz von Ajax in JQuery das Problem auf, dass darin enthaltene Elemente nicht wieder korrekt manipuliert oder getriggert werden.

Da mir die Änderung von Hand allerdings in größeren Projekten zu aufwändig war und es sich ohnehin um eine "Standard-Problematik" handelt, habe ich mir vorgenommen diese sauber zu lösen.