von Christian am 18. Januar 2010
AutoSuggest
AutoSuggest ist ein jQuery-PlugIn unter einer Dual-Lizenz (GPL und MIT) mit dem man eine Textbox um eine Auto-Vervollständigung, bzw. Vorschlag-Funktion erweitern kann.
Besonders praktisch ist soetwas z.B. bei der Verschlagwortung von Artikeln, Fotos, etc. – man legt eine Tabelle mit Schlagworten an (“Sonne”, “Meer”, “Frau”, “Strand”, usw.) und wenn der Nutzer dann beginnt “So” einzutippen, wird z.B. sofort eine Auswahl von Schlagworten gezeigt die mit “So” anfangen (“Sonne”, “Sonnenuntergang”, usw.). Der Benutzer kann dann eines auswählen und es wird als “Button” in die Textbox übernommen (“Mick Jagger” im Screenshot) und durch einen Klick auf das “x” könnte man das Schlagwort auch wieder entfernen.
ACHTUNG: Die Homepage funktioniert momentan nicht mit dem Internet Explorer (zumindest bei mir mit dem IE8 nicht) – das PlugIn selbst soll allerdings keine Probleme mit den gängigen Browsern machen!
Veröffentlicht in JavaScript, jQuery | getaggt GPL, jQuery, MIT |
von Christian am 17. Januar 2010
Wenn auf einer Website viele Bilder geladen werden müssen, wirkt sich dies negativ auf die Ladezeiten aus. Lazy Load ist ein jQuery-PlugIn welches dies verhindern soll.
Das PlugIn ermittelt, welche Bilder der Nutzer überhaupt momentan sehen kann und sorgt dafür, dass auch nur diese geladen werden. Scrollt der Nutzer dann die Seite, sorgt Lazy Load dafür, dass die Bilder erst dann geladen werden wenn sie auch auf dem Bildschirm im sichtbaren Bereich sind
Eine Demo kann man sich auf der Homepage anschauen.
Natürlich kann man dafür sorgen, dass nur bestimmte Bilder über den Mechanismus geladen werden und andere immer (z.B. für Counter, etc.). Auch kann man ein Platzhalter-Bild angeben welches zuerst eingeblendet wird um den Nutzer zu zeigen, dass eine bestimmte Grafik erst noch geladen wird, etc.
Das PlugIn steht unter einer MIT-Lizenz.
Veröffentlicht in JavaScript, jQuery | getaggt jQuery, MIT |
von Christian am 16. Januar 2010
Auch diesen Monat gibt es wieder einen kleinen Überblick darüber, welche Gutscheine und welche Spiele-Vollversionen bei diversen Zeitungen dabei sind:
GameStar (02/10)
Vollversionen:
Clients für Online-Spiele:
Gutscheine:
- Atlantica Online: Items für 11€ (GameStar XL)
Veröffentlichungsdatum der nächsten Ausgabe: 27. Januar
PC Games (01/10)
Vollversionen:
Clients für Online-Spiele:
Veröffentlichungsdatum der nächsten Ausgabe: 27. Januar
PC Action (02/10)
Vollversionen:
Clients für Online-Spiele:
Veröffentlichungsdatum der nächsten Ausgabe: 10. Februar
Computer Bild Spiele
Vollversionen:
Gutscheine:
Veröffentlichungsdatum der nächsten Ausgabe: 3. Februar
(( Das Layout für diesen Artikel werde ich in Zukunft immer nutzen. Der erste Artikel zu dem Thema war ja noch mit relativ viel Text, aber ich denke so ist es übersichtlicher und viel schreiben muss man ja eh nicht zu dem Thema, oder? ))
Veröffentlicht in Allgemein, Goodies
von Christian am 15. Januar 2010
Diese Woche bin ich in der Firma mal wieder über ein Problem (bzw. eine Aufgabe *g*) gestolpert.
Solltet ihr jemals auf die Idee kommen die getScript()-Funktion von jQuery zu nutzen um JavaScript-Code auszuführen den ein CI-Controller zurückliefert werdet ihr sehr wahrscheinlich über das Problem stolpern, dass getScript() an die URL die ihr aufruft ein “?_=xxxx” anhängt. Angenommen Ihr wollt also
http://eure-domain/gib/mir/javascript
aufrufen, dann ruft jQuery in Wirklichkeit z.B.
http://eure-domain/gib/mir/javascript?_=1234567890
auf. Dies macht jQuery um das Caching zu verhindern. Für CI ist das aber tödlich und führt zu einem klassischen “404 – Page not found” Fehler.
Man kann dieses Verhalten leider nicht ohne weiteres umgehen (es sei denn, man aktiviert in CI die Nutzung des Query-Strings wieder was aber ein paar Nachteile hat). Allerdings gibt es einen einfachen Ersatz. Statt getScript() nutzt man einfach die ajax() Funktion von jQuery:
$.ajax({
type: "GET",
url: "http://eure-domain/gib/mir/javascript",
dataType: "script",
cache: true
});Wichtig dabei ist das “cache: true” weil man sonst wieder in das gleiche Problem läuft. Um das Caching trotzdem zu verhindern sollte man im Controller auf jeden Fall die No-Cache Header mitsenden und man kann natürlich auch statt
http://eure-domain/gib/mir/javascript
einfach
http://eure-domain/gib/mir/javascript/eine_zufällige_zahl
aufrufen. CI stört sich nicht an dem zusätzlichen Parameter und im Controller kann man ihn einfach ignorieren.
Ich hoffe ich kann damit jemandem nervige Debugging-Zeit ersparen 
Veröffentlicht in CodeIgniter, jQuery |
von Christian am 15. Januar 2010
DHX Quick Tables
Manchmal ist man in der Situation, dass man schnell eine einfache Möglichkeit braucht Tabelleninhalte anzuzeigen oder zu ändern ohne gleich phpMyAdmin installieren zu wollen.
An dieser Stelle kann sich DHX Quick Table als nützlich erweisen.
MAn installiert das Script auf dem Webspace und kann dann über einen Wizard Zugriff auf Tabellen einrichten. Dabei kann man z.B. die Reihenfolge oder Sichtbarkeit von Feldern festlegen, etc.
Die Tabellen können dann entweder im Gast-Modus angeschaut oder im Administrator-Modus bearbeitet werden.
Zwar kann man damit nicht unbedingt ganze Applikationen realisieren und diverse Frameworks bieten über Scaffolding-Mechanismen ähnliche Funktionen, aber um z.B. einen einfachen Zugriff auf Daten in einer Tabelle zu gewähren für die sonst kein Frontend existiert ist das unter der GPL stehende Skript ganz praktisch.
Veröffentlicht in MySQL, PHP | getaggt GPL, MySQL, PHP
Letzte Kommentare