20. August 2023

jQuery „Live-Suche“ – So kannst du Elemente auf einer Website durchsuchen und nicht passende Ergebnisse ausblenden.

Mit folgendem jQuery-Script kannst du eine „Live-Suche“ oder eine Filterfunktion auf einer Website umsetzen. Sobald etwas im Suchfeld eingetippt wird, werden alle nicht-passenden Elemente ausgeblendet. Hier kannst du das Skript an Hand einer (fiktiven) FAQ für ein Hotel ausprobieren: Wie kann ich eine Reservierung vornehmen? Sie können online über unsere Website oder telefonisch über unsere […]

• HTML
• JavaScript
• jQuery

10. August 2023

YouTube-Thumbnail-URL

Um direkt das Thumbnail eines YouTube-Videos aufzurufen, musst du lediglich in folgender URL die Video-ID einsetzen: https://i3.ytimg.com/vi/#VIDEO-ID#/maxresdefault.jpg

• YouTube

10. August 2023

Automatische Weiterleitung bei unvollständiger URL in WordPress deaktivieren

WordPress „mag es nicht“, Fehlerseiten anzuzeigen. Deshalb versucht WordPress standardmäßig, URLs zu korrigieren oder zu erweitern und leitet auf auf existierende Seite um. So wird z.B. aus aus der Eingabe „https://www.fbnfrtg.de/link/“ > „https://www.fbnfrtg.de/links/“. Das ist grundsätzlich in vielen Fällen praktisch, kann aber auch zu unerwünschten Ergebnissen führen. Wenn z.B. die Seite „Link“ in diesem Beispiel“ […]

• WordPress

10. August 2023

QR-Codes mit PHP generieren

Mit folgendem PHP-Script, das nur aus einer einzigen Datei besteht, kannst du sehr einfach QR-Codes „on-the-fly“ generieren indem du Parameter per GET oder POST an das Script übergibst. https://github.com/psyon/php-qrcode/blob/master/qrcode.php Folgender Aufruf erzeugt z.B. einen QR-Code mit einem Link zu dieser Seite in der Größe 1000 x 1000px. Weitere Options findest du hier: https://github.com/psyon/php-qrcode

• PHP

7. August 2023

Mit der jQuery-Funktion „serialize()“ alle Formularfelder auf einmal auslesen

Die jQuery-Funktion „serialize()“ erleichtert die Übergabe von Formular-Eingaben, insbesondere bei sehr umfangreichen Formularen, an PHP enorm! Statt jedes Formularfeld einzeln in eine JS-Variable zu übergeben, werden mit „form.serialize()“ einfach alle Inhalte des Formulars in einer Variable gespeichert, die dann an das PHP-Script übergeben werden kann. In PHP kann die Eingabezeichenkette dann wieder ganz einfach in […]

• jQuery
• PHP

2. August 2023

So kannst du mit PHP PDFs erstellen oder verändern

Der FPDI (Free PDF Document Importer) macht es dir sehr einfach, Text in einem PDF zu ergänzen. Das ist z.B. sehr hilfreich, wenn du Teilnahmezertifikate für Online-Schulungen, Urkunden oder ähnliches generieren willst. Alles was du dafür brauchst, ist ein PDF als Template/Vorlage und ein paar Zeilen Code. Vorher musst du neben dem FPDI auch noch […]

• PDF
• PHP

27. Juli 2023

IP Scan – so kannst du dir alle IP-Adressen im Netzwerk anzeigen lassen

• IT

26. Juli 2023

Suchen & Ersetzen mit Wildcard in Visual Studio Code

„Suchen & Ersetzen“ ist beim Programmieren eine praktische Sache. So kann man z.B. mit einem Klick sämtliche Klassennamen ersetzen oder erweitern. Etwas komplizierter wird es, wenn allen gewünschten Elementen unterschiedliche Klassen zugewiesen sind, z.B. in der WordPress-Navigation. In diesem Fall kann man eine Wildcard einsetzen. Da in Visual Studio Code reguläre Ausdrücke (Regex) verwendet werden, […]

• HTML

25. Juli 2023

jQuery-Info-Pop-up

Pop-ups nerven. Meistens. Manchmal gibt es aber eben doch eine wichtige Info, die prominent kommuniziert werden muss. Z.B. geänderte Öffnungszeiten, eine aktuelle Stellenausschreibung o.ä. … Für diesen Fall eignet sich folgendes Snippet ganz hervorragend. Wenn auf das „x“ geklickt wird, wird das Pop-up erst wieder am nächsten Tag angezeigt. Wichtige Info Lorem ipsum dolor sit […]

• CSS
• HTML
• jQuery

29. Mai 2023

So kann man die WordPress-Gallery für eine Logoübersicht nutzen

Die WordPress-Gallery kann nicht nur für Bildergalerien, sondern auch für Logos genutzt werden. Das Problem hierbei ist, dass die Logos oft alle unterschiedlich groß sind und ein unterschiedliches Seitenverhältnis haben. Idealerweise werden die Logos also alle in einem gleich großen Rechteck oder Quadrat positioniert und innerhalb dieser Fläche positioniert. Mit folgendem Code kannst du die […]

• CSS