Kodavsnitt 2025, September

Rengöringsvariabler - CSS-tricks

Rengöringsvariabler - CSS-tricks

Variabler som skickas via webbformulär måste alltid rengöras / desinficeras före användning på något sätt, för att förhindra att alla typer av olika skadliga "

Ändra månadsnummer till månadsnamn - CSS-tricks

Ändra månadsnummer till månadsnamn - CSS-tricks

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

Ändra datum från dd / mm / åååå till åååå-dd-mm - CSS-tricks

Ändra datum från dd / mm / åååå till åååå-dd-mm - CSS-tricks

Konvertering $ date_array = explodera ("/", $ date); // dela upp arrayen $ var_day = $ date_array; // dagssekvens $ var_month = $ date_array; // månadssegment $ var_year "

Automatiska Mailto-länkar - CSS-tricks

Automatiska Mailto-länkar - CSS-tricks

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

Automatiskt upphovsrättsår - CSS-tricks

Automatiskt upphovsrättsår - CSS-tricks

Endast innevarande år © Med startår © 2008- Startdatum med felskydd Användning: "

Associativ matrissyntax - CSS-tricks

Associativ matrissyntax - CSS-tricks

Enkel $ carParts = array ('Däck' => 100, 'Window' => 1042, 'DoorHandle' => 917); Array of Associative Arrays public $ notifyPartners = array (array ('name' => "

Lägg till inloggningsuppgifter till URL - CSS-tricks

Lägg till inloggningsuppgifter till URL - CSS-tricks

Exemplet här är om du hade ett formulär på en webbplats som när du skickade, behövde använda den informationen för att gå till en speciell URL där inloggningsinformationen "

Justera servertid - CSS-tricks

Justera servertid - CSS-tricks

Ibland är den tid som ställts in på din server inte exakt vad din lokala tid är. Om du inte kan ändra det kan du justera det själv. $ idag = "

Arbeta med attribut - CSS-tricks

Arbeta med attribut - CSS-tricks

Ställa in enstaka attribut $ ("img"). Attr ("src", "/images/banner.jpg.webp"); Ställa in enstaka attribut (med funktion) $ ("div"). Attr ("id", funktion (arr) (return "

Understryk individuella ord - CSS-tricks

Understryk individuella ord - CSS-tricks

Det finns ingen CSS för att tillämpa en understrykning (text-dekoration: understrykning;) endast på enskilda ord i ett ord med flera ord. Det bästa sättet skulle vara att slå in "

Fönsterhändelse med minsta fördröjning CSS-tricks

Fönsterhändelse med minsta fördröjning CSS-tricks

Window.load kan avfyra super duper snabbt om sidan är cachad. Om du vill använda den händelsen men se till att det har gått minst tid tills det "

Validera ålder - CSS-tricks

Validera ålder - CSS-tricks

Detta utdrag förutsatte ett HTML-formulär med och ID för "åldersform" och tre ingångar (text eller välj) med ID: n "dag", "månad" respektive "år". "

Storlek på spårfönster genom Google Analytics CSS-tricks

Storlek på spårfönster genom Google Analytics CSS-tricks

Sparkbox har det här utdraget för att ta reda på hur ofta storlek på webbläsarfönster verkligen ändras. (funktion () (var resizeTimer; // förutsatt att vi har jQuery "

Trippelklick-händelse - CSS-tricks

Trippelklick-händelse - CSS-tricks

$ .event.special.tripleclick = (setup: function (data, namespaces) (var elem = this, $ elem = jQuery (elem); $ elem.bind ('click', "

Kontrollera om elementet finns i ett annat specifikt element - CSS-tricks

Kontrollera om elementet finns i ett annat specifikt element - CSS-tricks

Byt ut den första väljaren med barnet du testar och den andra väljaren mot den förälder du testar för. om ("

Enkel jQuery dragspel - CSS-tricks

Enkel jQuery dragspel - CSS-tricks

JQuery Se till att du kör antingen på DOM eller längst ner på sidan. (funktion ($) (var allPanels = $ ('. dragspel> dd'). göm (); $ ('. dragspel> dt> "

Växla text - CSS-tricks

Växla text - CSS-tricks

Låt oss säga att du har en länk för att visa fler alternativ som utökar en lista med alternativ. Det står "fler alternativ". Det är enkelt att växla mellan alternativen med .toggle () "

Rikta endast externa länkar - CSS-tricks

Rikta endast externa länkar - CSS-tricks

Teknik # 1 $ ('a'). Filter (funktion () (returnera detta.värdnamn && detta.värdnamn! == plats.värdnamn;)). AddClass ("externt"); Teknik # 2 $ .expr.external "

Stylad popupmeny - CSS-tricks

Stylad popupmeny - CSS-tricks

Denna idé är från Veer.com och hur de hanterar nedrullningar för saker som T-shirtstorlekar. Tack till Dennis Sa. Visa demo HTML Vi slår in en vanlig "

Testa om minst en kryssruta är markerad CSS-tricks

Testa om minst en kryssruta är markerad CSS-tricks

I det här exemplet inaktiveras en skicka-knapp om ingen av kryssrutorna är markerad och aktiverad om minst en är markerad. Tricket är att du kan använda "

Glidande bakgrundslänkar - CSS-tricks

Glidande bakgrundslänkar - CSS-tricks

$ ('a', '#nav'). svävar (funktion () (om (! $ (detta) .parent (). hasClass ('aktuell')) ($ (detta) .stop (). animera (( backgroundPosition: '(0 -75px)'));)), funktion () "

Smartare händelsebindning - CSS-tricks

Smartare händelsebindning - CSS-tricks

$ ("p"). live ("klicka", funktion () ($ (detta) .css ("färg", "röd");)); Anledningen till att detta är smartare är att det sannolikt finns många p-element på sidan. Om"

Blanda barn - CSS-tricks

Blanda barn - CSS-tricks

$ .fn.shuffleChildren = funktion () ($ .each (this.get (), funktion (index, el) (var $ el = $ (el); var $ find = $ el.children (); $ find. sortera (funktion () (returnera "

Blanda DOM-element - CSS-tricks

Blanda DOM-element - CSS-tricks

Det här är från James Padolsey. Kolla in hans artikel för en ren JavaScript-teknik också. Plugin (funktion ($) ($ .fn.shuffle = funktion () (var allElems "