JQuery

Tipp: jQuery mousemove anstatt mouseover oder hover verwenden!

Submitted by Julian Pustkuchen on 20. December 2011 - 13:58

In einem aktuellen Projekt war ein vertikales Sliding-Menü umzusetzen.
Wenn der Benutzer über eine Überschrift fährt, sollten sich die Subelemente öffnen und andere Subelemente wieder schließen.

Zunächst entschied ich mich gegen das jQuery "hover" Event, da dies auch eine "mouseout"-Funktion implementiert, die ich nicht benötige. Also wurde das jQuery "mouseover"-Event verwendet.

Einordnung:

Drupal 6: jplayer Modul + jplayer 1.2 loop / repeat Bug beheben

Submitted by Julian Pustkuchen on 7. November 2011 - 13:12

Das Drupal Modul "jPlayer" ist perfekt zur Wiedergabe von Audio-Dateien unter Einbinding als CCK-Formatter zu verwenden.

Die Drupal 6 Version verwendet den jPlayer Version 1.2. Im Gegensatz zur Drupal 7 Version ist dieser leider nicht so gut konfigurierbar und mit einigen Schwächen behaftet. Eine davon die die Endloswiedergabe im "Playlist"-Modus, sofern nur ein Track vorhanden ist. Dieses Problem wollen wir hier lösen.

Einordnung:

Linktipp: Howto: JQuery jcarousel Pause bei Hover

Submitted by Julian Pustkuchen on 9. September 2011 - 16:17

So einfach kann jcarousel um eine Hover-Pause ergänzt werden!

Großartiger Code-Schnippsel!

Hier noch einmal kopiert, falls die URL irgendwann nicht mehr erreichbar ist:

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
scroll: 1,
auto: 2,
wrap: 'last',
initCallback: function(jc, state) {

Einordnung:

JQuery

jQuery: Umgebendes HTML Element (Wrapper) entfernen und Inhalte beibehalten

Submitted by Julian Pustkuchen on 8. September 2011 - 17:25

Heute ein Mini-Script für die JQuery Freunde.

Ziel war es, ein Element von seinem umgebenden HTML-Element freizustellen, dabei jedoch die Inhalte beizubehalten.

Lösung war für mich das folgende Script:

/**
* Entfernt das äußerste Wrapper-Element innerhalb des Selektors.

Einordnung:

qTip - der etwas bessere Tooltip?

Submitted by Julian Pustkuchen on 15. October 2010 - 17:30

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.

Einordnung:

Get JQuery Ui Version

Submitted by Julian Pustkuchen on 27. February 2010 - 1:24

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

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

// Returns string Ex: "1.3.1"
$().jquery;
// Also returns string Ex: "1.3.1"
jQuery.fn.jquery;

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

jQuery.ui.version

Einordnung:

JQuery Ui Version auslesen

Submitted by Julian Pustkuchen on 26. February 2010 - 20:19

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

// Returns string Ex: "1.3.1"
$().jquery;
// Also returns string Ex: "1.3.1"
jQuery.fn.jquery;

Einordnung:

Hintergrundfarbe per JQuery dynamisch wechseln mit Effekt

Submitted by Julian Pustkuchen on 7. January 2010 - 8:41

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:

$(document).ready(function(){
$('.elementToHover').hover(
function () {

Einordnung:

Ziele / Targets von JQuery events benutzen

Submitted by Julian Pustkuchen on 3. April 2009 - 8:20

Da ich nun schon einige Zeit nach einer entsprechenden Lösung gesucht habe, möchte ich euch hier kurz mitteilen, wie man die Zielelemente von Events anspricht!

Darüber ist es z.B. auch global möglich die Zielelemente von Ajax-Anfragen per ajaxSucces(eventObj, ..., ...){} anzusprechen.

Einordnung:

JQuery Cheatsheet Download kostenlos

Submitted by Julian Pustkuchen on 3. April 2009 - 8:01

Ein kostenloses JQuery - Sheetsheet habe ich zufällig unter der folgenden Adresse gefunden:

http://acodingfool.typepad.com/blog/pdf/jquery_1.3_cheatsheet_v1.pdf

Einordnung:

JQuery

Julian Pustkuchen ist passionierter Software- & Webentwickler mit den Schwerpunkten Softwaredesign, Objektorientierung, Ablaufoptimierung und Usability bei webks. Ein weiterer Schwerpunkt ist die Entwicklung im CMS Drupal.
Er besitzt einen Abschluss als B.Sc. Wirtschaftsinformatik (dual) und studiert derzeit für seinen Abschluss als Master of Science Wirtschaftsinformatik.