Nachfolgend ein paar sehr hilfreiche jQuery-Snippets, die den täglichen Alltag des Webdevelopers streßfreier gestalten können. Demnächst mehr!
Zebrastreifen für ungeordnete Listen oder Tabellen
Der nachfolgende Code fügt jedem ungeraden Element die Klasse “ungerade” hinzu:
1 2 | $("tr:odd").addClass("ungerade"); $("li:odd").addClass("ungerade"); |
Externe Links automatisch in einem neuen Fenster öffnen
Bisher hat man das gerne über die Vergabe des Zieles “_blank” gemacht, das ist unter XHMTL Strict aber nicht mehr erlaubt. jQuery bietet eine Lösung, die das Öffnen jedes externen Links in einem neuen Fenster (Tab) erzwingt:
1 2 3 4 5 6 7 8 9 10 | $('a').each(function() { var a = new RegExp('/' + [removed].host + '/'); if(!a.test(this.href)) { $(this).click(function(event) { event.preventDefault(); event.stopPropagation(); window.open(this.href, '_blank'); }); } }); |
Google und die Webfonts
Neueste Beispiele sind die auf der I/O vorgestellten Google Font API und Google Font Directory, die dabei helfen, die Typografie von Webseiten zu verbesser (oder zu verschönern) und es ermöglichen auf Webseiten standardkonform Schriftarten anzuzeigen, die nicht auf dem Rechner des Besuchers vorliegen.
Mehr lesen »