Kodestykker 2025, September

Rengøringsvariabler - CSS-tricks

Rengøringsvariabler - CSS-tricks

Variabler, der indsendes via webformularer, skal altid renses / desinficeres inden brug på nogen måde for at forhindre mod alle former for forskellige ondsindede "

Skift månedstal til månednavn - CSS-tricks

Skift månedstal til månednavn - CSS-tricks

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

Skift dato fra dd / mm / åååå til åååå-dd-mm - CSS-tricks

Skift dato fra dd / mm / åååå til åååå-dd-mm - CSS-tricks

Konvertering $ date_array = eksplodere ("/", $ date); // del arrayet $ var_day = $ date_array; // dagesekvens $ var_month = $ date_array; // månedssegment $ var_year "

Automatiske Mailto-links - CSS-tricks

Automatiske Mailto-links - CSS-tricks

$ string = eregi_replace ('(+ @ (+.) + (2,3))', '\ 1', $ tekst); ekko $ streng; "

Automatisk ophavsret - CSS-tricks

Automatisk ophavsret - CSS-tricks

Kun indeværende år © Med startår © 2008- Startdato med fejlbeskyttelse Anvendelse: "

Associativ matrixsyntaks - CSS-tricks

Associativ matrixsyntaks - CSS-tricks

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

Føj loginoplysninger til URL - CSS-tricks

Føj loginoplysninger til URL - CSS-tricks

Eksemplet her er, hvis du havde en formular på et websted, der når du blev indsendt, havde brug for disse oplysninger til at gå til en særlig URL, hvor loginoplysningerne "

Juster servertid - CSS-tricks

Juster servertid - CSS-tricks

Nogle gange er den tid, der er indstillet på din server, ikke nøjagtig, hvad din lokale tid er. Hvis du ikke kan ændre det, kan du selv justere det. $ i dag = "

Arbejde med attributter - CSS-tricks

Arbejde med attributter - CSS-tricks

Indstilling af enkelt attribut $ ("img"). Attr ("src", "/images/banner.jpg.webp"); Indstilling af enkelt attribut (med funktion) $ ("div"). Attr ("id", funktion (arr) (return "

Understrege individuelle ord - CSS-tricks

Understrege individuelle ord - CSS-tricks

Der er ingen CSS til at anvende en understregning (tekstdekoration: understregning;) kun på individuelle ord i et ord med flere ord. Den bedste måde ville være at pakke "

Vindueindlæsningshændelse med minimal forsinkelse - CSS-tricks

Vindueindlæsningshændelse med minimal forsinkelse - CSS-tricks

Window.load kan skyde super duper hurtigt, hvis siden er cachelagret. Hvis du vil bruge denne begivenhed, men sørg for, at der er gået et minimum af tid, indtil den "

Bekræft alder - CSS-tricks

Bekræft alder - CSS-tricks

Dette uddrag forudsatte en HTML-formular med og ID for "aldersform" og tre input (tekst eller vælg) med henholdsvis id'erne "dag", "måned" og "år". "

Sporvinduets størrelse ændres via Google Analytics CSS-tricks

Sporvinduets størrelse ændres via Google Analytics CSS-tricks

Sparkbox har dette uddrag for at hjælpe med at finde ud af, hvor ofte browservinduer virkelig ændres. (funktion () (var resizeTimer; // Forudsat at vi har jQuery "

Triple Click-begivenhed - CSS-tricks

Triple Click-begivenhed - CSS-tricks

$ .event.special.tripleclick = (opsætning: funktion (data, navneområder) (var elem = dette, $ elem = jQuery (elem); $ elem.bind ('klik', "

Kontroller, om elementet er inde i et andet specifikt element - CSS-tricks

Kontroller, om elementet er inde i et andet specifikt element - CSS-tricks

Udskift den første vælger med det barn, du tester, og den anden vælger med den forælder, du tester for. hvis ("

Enkel jQuery harmonika - CSS-tricks

Enkel jQuery harmonika - CSS-tricks

JQuery Sørg for, at du enten kører på DOM-klar eller nederst på siden. (funktion ($) (var allPanels = $ ('. harmonika> dd'). skjul (); $ ('. harmonika> dt> "

Skift tekst - CSS-tricks

Skift tekst - CSS-tricks

Lad os sige, at du har et link til at vise flere muligheder, der udvider en liste med muligheder. Det står "flere muligheder". Det er let at skifte disse muligheder med .toggle () "

Mål kun eksterne links - CSS-tricks

Mål kun eksterne links - CSS-tricks

Teknik nr. 1 $ ('a'). Filter (funktion () (returner dette.hostnavn && dette.hostnavn! == location.hostname;)). AddClass ("ekstern"); Teknik nr. 2 $ .expr.external "

Stylet pop op-menu - CSS-tricks

Stylet pop op-menu - CSS-tricks

Denne idé er fra Veer.com, og hvordan de håndterer dropdown for ting som T-shirtstørrelser. Tak til Dennis Sa. Se demo-HTML Vi indpakker en almindelig "

Test om mindst et afkrydsningsfelt er markeret CSS-tricks

Test om mindst et afkrydsningsfelt er markeret CSS-tricks

I dette eksempel er en sendeknap deaktiveret, hvis ingen af ​​afkrydsningsfelterne er markeret og aktiveret, hvis mindst en er markeret. Tricket er, at du kan bruge "

Links til glidende baggrund - CSS-tricks

Links til glidende baggrund - CSS-tricks

$ ('a', '#nav'). svæver (funktion () (hvis (! $ (dette) .parent (). hasClass ('nuværende')) ($ (dette). stop (). animer (( backgroundPosition: '(0 -75px)'));)), funktion () "

Smartere begivenhedsbinding - CSS-tricks

Smartere begivenhedsbinding - CSS-tricks

$ ("p"). live ("klik", funktion () ($ (denne) .css ("farve", "rød");)); Årsagen til, at dette er smartere, er fordi der sandsynligvis er mange p-elementer på siden. Hvis"

Bland børn - CSS-tricks

Bland børn - CSS-tricks

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

Bland DOM-elementer - CSS-tricks

Bland DOM-elementer - CSS-tricks

Dette er fra James Padolsey. Tjek hans artikel for en ren JavaScript-teknik også. Plugin (funktion ($) ($ .fn.shuffle = funktion () (var allElems "