Code Ausschnitte 2025, April

Reinigungsvariablen - CSS-Tricks

Reinigungsvariablen - CSS-Tricks

Variablen, die über Webformulare übermittelt werden, müssen vor der Verwendung immer gereinigt / bereinigt werden, um alle Arten von böswilligen Angriffen zu vermeiden.

Ändern Sie die Monatsnummer in den Monatsnamen CSS-Tricks

Ändern Sie die Monatsnummer in den Monatsnamen CSS-Tricks

$ monthNum = 5; $ monthName = Datum ("F", mktime (0, 0, 0, $ monthNum, 10)); "

Ändern Sie das Datum von TT / MM / JJJJ in JJJJ-TT-MM - CSS-Tricks

Ändern Sie das Datum von TT / MM / JJJJ in JJJJ-TT-MM - CSS-Tricks

Konvertierung $ date_array = explode ("/", $ date); // teile das Array $ var_day = $ date_array; // Tagessequenz $ var_month = $ date_array; // Monatssegment $ var_year "

Automatische Mailto-Links - CSS-Tricks

Automatische Mailto-Links - CSS-Tricks

$ string = eregi_replace ('(+ @ (+.) + (2,3))', '\ 1', $ text); echo $ string; "

Automatisches Copyright-Jahr - CSS-Tricks

Automatisches Copyright-Jahr - CSS-Tricks

Nur aktuelles Jahr © Mit Startjahr © 2008- Startdatum mit Fehlerschutz Verwendung: "

Assoziative Array-Syntax - CSS-Tricks

Assoziative Array-Syntax - CSS-Tricks

Einfaches $ carParts = Array ('Reifen' => 100, 'Fenster' => 1042, 'Türgriff' => 917); Array von assoziativen Arrays public $ notifyPartners = array (array ('name' => "

Anmeldeinformationen an URL anhängen - CSS-Tricks

Anmeldeinformationen an URL anhängen - CSS-Tricks

Das Beispiel hier ist, wenn Sie ein Formular auf einer Website hatten, das bei der Übermittlung diese Informationen verwenden musste, um zu einer speziellen URL zu gelangen, unter der die Anmeldeinformationen "

Serverzeit anpassen - CSS-Tricks

Serverzeit anpassen - CSS-Tricks

Manchmal stimmt die auf Ihrem Server eingestellte Zeit nicht mit Ihrer Ortszeit überein. Wenn Sie es nicht ändern können, können Sie es selbst anpassen. $ today = "

Arbeiten mit Attributen - CSS-Tricks

Arbeiten mit Attributen - CSS-Tricks

Festlegen eines einzelnen Attributs $ ("img"). Attr ("src", "/images/banner.jpg.webp"); Einstellen eines einzelnen Attributs (mit Funktion) $ ("div"). Attr ("id", function (arr) (return "

Einzelne Wörter unterstreichen - CSS-Tricks

Einzelne Wörter unterstreichen - CSS-Tricks

Es gibt kein CSS zum Anwenden einer Unterstreichung (Textdekoration: Unterstreichung;) nur auf einzelne Wörter in einem Element mit mehreren Wörtern. Der beste Weg wäre zu wickeln "

Fensterladeereignis mit minimaler Verzögerung - CSS-Tricks

Fensterladeereignis mit minimaler Verzögerung - CSS-Tricks

Window.load kann sehr schnell ausgelöst werden, wenn die Seite zwischengespeichert wird. Wenn Sie dieses Ereignis verwenden möchten, aber sicherstellen möchten, dass eine Mindestzeit verstrichen ist, bis es "

Alter validieren - CSS-Tricks

Alter validieren - CSS-Tricks

Dieses Snippet setzte ein HTML-Formular mit der ID "Altersform" und drei Eingaben (Text oder Auswahl) mit den IDs "Tag", "Monat" bzw. "Jahr" voraus. "

Größe des Verfolgungsfensters über Google Analytics ändern - CSS-Tricks

Größe des Verfolgungsfensters über Google Analytics ändern - CSS-Tricks

Sparkbox verfügt über dieses Snippet, um herauszufinden, wie oft die Größe von Browserfenstern tatsächlich geändert wird. (function () (var resizeTimer; // Angenommen, wir haben jQuery "

Triple Click Event - CSS-Tricks

Triple Click Event - CSS-Tricks

$ .event.special.tripleclick = (Setup: Funktion (Daten, Namespaces) (var elem = this, $ elem = jQuery (elem); $ elem.bind ('click', "

Überprüfen Sie, ob sich das Element in einem anderen spezifischen Element befindet CSS-Tricks

Überprüfen Sie, ob sich das Element in einem anderen spezifischen Element befindet CSS-Tricks

Ersetzen Sie den ersten Selektor durch das Kind, das Sie testen, und den zweiten Selektor durch das Elternteil, auf das Sie testen. wenn ("

Einfaches jQuery Akkordeon - CSS-Tricks

Einfaches jQuery Akkordeon - CSS-Tricks

JQuery Stellen Sie sicher, dass Sie entweder DOM-fähig oder am Ende der Seite ausführen. (Funktion ($) (var allPanels = $ ('. Akkordeon> dd'). hide (); $ ('. Akkordeon> dt> "

Text umschalten - CSS-Tricks

Text umschalten - CSS-Tricks

Angenommen, Sie haben einen Link, über den Sie weitere Optionen anzeigen können, wodurch eine Liste von Optionen erweitert wird. Es heißt "mehr Optionen". Es ist einfach, diese Optionen mit .toggle () umzuschalten. "

Nur externe Links zum Ziel - CSS-Tricks

Nur externe Links zum Ziel - CSS-Tricks

Technik # 1 $ ('a'). Filter (function () (return this.hostname && this.hostname! == location.hostname;)). AddClass ("external"); Technik # 2 $ .expr.external "

Popup-Menü - CSS-Tricks

Popup-Menü - CSS-Tricks

Diese Idee stammt von Veer.com und wie sie mit den Dropdowns für Dinge wie T-Shirt-Größen umgehen. Vielen Dank an Dennis Sa. Demo-HTML anzeigen Wir werden einen regulären "

Testen Sie, ob mindestens ein Kontrollkästchen aktiviert ist CSS-Tricks

Testen Sie, ob mindestens ein Kontrollkästchen aktiviert ist CSS-Tricks

In diesem Beispiel ist eine Senden-Schaltfläche deaktiviert, wenn keines der Kontrollkästchen aktiviert ist, und aktiviert, wenn mindestens eines aktiviert ist. Der Trick ist, dass Sie verwenden können "

Gleitende Hintergrundlinks - CSS-Tricks

Gleitende Hintergrundlinks - CSS-Tricks

$ ('a', '#nav'). hover (function () (if (! $ (this) .parent (). hasClass ('current')) ($ (this) .stop (). animate (( backgroundPosition: '(0 -75px)'));)), function () "

Intelligentere Ereignisbindung - CSS-Tricks

Intelligentere Ereignisbindung - CSS-Tricks

$ ("p"). live ("click", function () ($ (this) .css ("color", "red");)); Der Grund dafür ist, dass die Seite wahrscheinlich viele p-Elemente enthält. Wenn"

Shuffle Children - CSS-Tricks

Shuffle Children - CSS-Tricks

$ .fn.shuffleChildren = function () ($ .each (this.get (), function (index, el) (var $ el = $ (el); var $ find = $ el.children (); $ find. sort (function () (return "

Shuffle DOM Elements - CSS-Tricks

Shuffle DOM Elements - CSS-Tricks

Dies ist von James Padolsey. In seinem Artikel finden Sie auch eine reine JavaScript-Technik. Plugin (Funktion ($) ($ .fn.shuffle = Funktion () (var allElems "