Archiv für April, 2009

uploadify – a file upload plugin for jQuery

Wer kennt das nicht!? Die Suche nach einem geeigneten Upload-Script oder Plugin gestaltet sich manchmal doch schwerer als vermutet.
Trotz der Vielzahl an Scripts und Plugins die es gibt, geht es zumindest mir so das immer der ein oder andere Wunsch offen bleibt.
Z.B. Kein ladebalken, oder keine Unterstüztung von mehreren Dateien usw.

Deshalb möchte ich euch kurz uploadify vorstellen. Ein jQuery-Plugin welches zum einen leicht zu integrieren ist und zum anderen alles besitzt was man sich so wünscht.
Upload von einem odere mehreren Files, Ladebalken, und eine unglaubliche Anzahl von Einstellmöglichkeiten.

Der einzige Wehrmutstropfen, wenn überhaupt, ist die Tatsache das der Loader Flash benötigt.

Ein kleines Beispiel für die Implementierung:

?View Code JAVASCRIPT
1
2
3
4
5
6
7
8
9
$(document).ready(function() {
     $('#fileInput').fileUpload ({
          'uploader'  : 'uploader.swf',
          'script'    : 'upload.php',
          'cancelImg' : 'cancel.png',
          'auto'      : true,
          'folder'    : '/uploads'
     });
});

Eine Demo des ganzen findet man hier.

jQuery für mobile Browser (jQTouch)

In Zeiten in denen mobile Endgeräte immer leistungsfähiger werden, nehmen natürlich auch die Browser dafür an Bedeutung zu. Genau dafür kommt das sich derzeit in der Entwicklung befindende JQuery Plugin jQTouch von David Kaneda in Frage.
Er arbeitet derzeit also noch daran, aber dieses Plugin sollte im Auge behalten werden, da sich damit jQuery Funktionen auf die weniger bekannten mobilen Browser umsetzen lassen.

Ein Beispiel:

?View Code JAVASCRIPT
1
2
3
4
5
//initialisierung des jQTouch Plugins
$(document).jQTouch({
   icon: 'jqtouch.png',
   statusBar: 'black-translucent'
});

Attribute die für eine iPhone Applikation gesetzt sein müssen:

?View Code JAVASCRIPT
1
2
3
4
5
6
7
8
9
 fullScreen: true,
 slideInSelector: 'ul li a',
 backSelector: '.back',
 flipSelector: '.flip',
 slideUpSelector: '.slideup',
 statusBar: 'default', // options: black-translucent, blac
 icon: null,
 iconIsGlossy: false,
 fixedViewport: true

Desweitern soll es noch die bekannten Funktionen für Animationen, etc. bereitstellen.
Längerfristig soll das Plugin auch mit neuen Palm Pre und dem G1 funktionieren.