10. Juni 2011, 17:16 von Tobi | 1 Kommentar
Beim Test eines AJAX-Requests ist mir aufgefallen, dass dieser im IE nicht immer funktionierte. Nach kurzer Fehlersuche habe ich herausgefunden, dass der Internet Explorer AJAX-Requests ziemlich aggressiv cached. Bei jQuery gibt es die Möglichkeit das Caching für den AJAX-Aufruf explizit zu deaktivieren:
$.ajax({
url: "ajax.php",
type: "GET",
data: ({id : this.getAttribute('id')}),
cache: false
}
30. Januar 2011, 22:40 von Tobi | 3 Kommentare
Da ich gerade für ein Projekt eine Lightbox suche, wollte ich euch einige auf jQuery basierende Lightbox Scripts vorstellen. Einfache Scripte mit nur wenigen Funktionen oder Projekte die schon lange nicht mehr aktualisiert wurden, habe ich nicht aufgeführt. Insgesamt sind es zwölf Alternativen geworden.
14. Juni 2009, 12:52 von Tobi | Keine Kommentare
Matt Kirman hat ein jQuery-Plugin geschrieben, welches eine Art Funken-Effekt erzeugt. Das Plugin erstellt eine Reihe von DIVs mit Bildern darin, die anschließend animiert werden und sich dementsprechend bewegen.
Alles was man dazu benötigt ist jQuery und das rf.Sparks Plugin, welches man bei GitHub in der aktuellen Version vorfinden kann.
9. Juni 2009, 18:53 von Tobi | 3 Kommentare
Immer mehr Bots durchsuchen das Internet nach E-Mail-Adressen. Möchte man beispielsweise im Impressum seine Adresse hinterlegen, sollte man sie schützen bzw. tarnen, sodass Bots nichts damit anfangen können.
Es existieren viele Möglichkeiten seine E-Mail-Adresse zu schützen, doch alle haben Nachteile:
Mittlerweile setzt fast jede Homepage Javascript voraus und es sollte nicht mehr viele Leute geben, die Javascript generell deaktiviert haben. Diese Eigenschaft kann man sich zunutze machen und seine E-Mail-Adressen per Javascript schützen. Für den minimalen Anteil mit deaktiviertem Javascript kann man noch eine Ausweichlösung einbauen.
Als erstes benötigen wir den HTML-Code:
<a class="email" rel="tobi/antary.de" href="#"></a>; <noscript>tobi (AT) antary (PUNKT) de</noscript>
Falls Javascript deaktiviert ist, erscheint “tobi (AT) antary (PUNKT) de”.
Anschließend wird jQuery eingebunden und das erforderliche Javascript ausgeführt:
<script type="text/javascript" src="/PfadZu/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// E-Mail Adresse anzeigen
$('a.email').each(function() {
e = this.rel.replace('/','@');
this.href = 'mailto:' + e;
$(this).text(e);
});
});
</script>
jQuery sucht nach allen Links mit der Klasse “email”. Nun wird bei jedem dieser Links das “rel-Attribut” geparst und der “Slash” durch ein “At-Zeichen” ersetzt. Anschließend wird das “href-Attribut” mit dem korrekten E-Mail-Link versehen und die Adresse als Linkname eingefügt.