jQuery: Events und Statusabfragen für responsives Webdesign

6. November 2016 | jQuery

Bei der Umsetzung komplexer responsiver Webdesigns sind CSS-Media-Queries oft nicht ausreichend um alle gewünschten Änderungen zu erfassen und entsprechende Anpassungen vorzunehmen. Mit der folgenden Funktion und den dazugehörenden Events lassen sich über erweiterte...

jQuery: HTML-Formular per AJAX senden

5. November 2016 | jQuery

So lässt sich ein bestehendes HTML-Formular samt aller Input-Felder mit jQuery per AJAX senden: jQuery(document).ready(function($) { $(“#my_form”).submit(function(event) { // Standard-Aktion abbrechen event.preventDefault(); // Formular per AJAX senden var...

Website-Zoom mit jQuery und CSS

11. April 2015 | jQuery

Mit der CSS-Eigenschaft transform: scale() und etwas jQuery lässt sich ziemlich gut das ein- und auszoomen einer Website simulieren. Das ist für alle praktisch, die Ihren Benutzern entsprechende Buttons auf ihrer Website anbieten wollen. Hier unsere Lösung: <p>...

Sticky-Header mit jQuery

2. Mai 2014 | jQuery

Mit dieser kleinen JavaScript/jQuery-Funktion lässt sich der Website-Header in einen Sticky-Header verwandeln. Beim Scrollen über eine bestimmte Position wird dynamisch eine .sticky CSS-Klasse hinzugefügt, der dann per CSS beliebige Eigenschaften zugewiesen...