Kodebiter 2025, April

Rengjøringsvariabler - CSS-triks

Rengjøringsvariabler - CSS-triks

Variabler som sendes inn via nettskjemaer, må alltid renses / desinfiseres før bruk på noen måte, for å forhindre mot alle slags forskjellige ondsinnede "

Bytt månedstall til månednavn CSS-triks

Bytt månedstall til månednavn CSS-triks

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

Endre dato fra dd / mm / åååå til åååå-dd-mm - CSS-triks

Endre dato fra dd / mm / åååå til åååå-dd-mm - CSS-triks

Konvertering $ date_array = eksplodere ("/", $ date); // del opp matrisen $ var_day = $ date_array; // dagssekvens $ var_month = $ date_array; // månedssegment $ var_year "

Automatiske Mailto-koblinger - CSS-triks

Automatiske Mailto-koblinger - CSS-triks

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

Automatisk opphavsrettsår - CSS-triks

Automatisk opphavsrettsår - CSS-triks

Bare inneværende år © Med startår © 2008- Startdato med feilbeskyttelse Bruk: "

Associative Array Syntax - CSS-triks

Associative Array Syntax - CSS-triks

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

Legg påloggingsinformasjon til URL - CSS-triks

Legg påloggingsinformasjon til URL - CSS-triks

Eksemplet her er hvis du hadde et skjema på et nettsted som når du ble sendt inn, trengte å bruke denne informasjonen for å gå til en spesiell URL der påloggingsinformasjonen "

Juster servertid - CSS-triks

Juster servertid - CSS-triks

Noen ganger er tiden som er angitt på serveren din ikke nøyaktig i forhold til lokal tid. Hvis du ikke kan endre det, kan du justere det selv. $ i dag = "

Arbeide med attributter - CSS-triks

Arbeide med attributter - CSS-triks

Angi enkeltattributt $ ("img"). Attr ("src", "/images/banner.jpg.webp"); Angi enkeltattributt (med funksjon) $ ("div"). Attr ("id", funksjon (arr) (retur "

Understreke individuelle ord - CSS-triks

Understreke individuelle ord - CSS-triks

Det er ingen CSS for å bruke en understrekning (tekstdekorasjon: understreke;) bare på individuelle ord i et flerordselement. Den beste måten ville være å pakke inn "

Vinduslast hendelse med minimum forsinkelse CSS-triks

Vinduslast hendelse med minimum forsinkelse CSS-triks

Window.load kan skyte super duper raskt hvis siden er hurtigbufret. Hvis du vil bruke den hendelsen, men sørg for at det har gått en minimums tid til den "

Bekreft alder - CSS-triks

Bekreft alder - CSS-triks

Denne kodebiten forutsatte et HTML-skjema med og ID for "aldersform" og tre innganger (tekst eller velg) med henholdsvis IDene "dag", "måned" og "år". "

Sporvinduets størrelse endres gjennom Google Analytics CSS-triks

Sporvinduets størrelse endres gjennom Google Analytics CSS-triks

Sparkbox har denne kodebiten for å finne ut hvor ofte nettleservinduer virkelig endres. (funksjon () (var resizeTimer; // Forutsatt at vi har jQuery "

Trippelklikk - CSS-triks

Trippelklikk - CSS-triks

$ .event.special.tripleclick = (oppsett: funksjon (data, navnerom) (var elem = dette, $ elem = jQuery (elem); $ elem.bind ('klikk', "

Sjekk om Element er inne i et annet spesifikt element - CSS-triks

Sjekk om Element er inne i et annet spesifikt element - CSS-triks

Bytt ut den første velgeren med barnet du tester, og den andre velgeren med foreldren du tester for. hvis ("

Enkel jQuery trekkspill - CSS-triks

Enkel jQuery trekkspill - CSS-triks

JQuery Sørg for at du kjører på DOM-klar eller nederst på siden. (funksjon ($) (var allPanels = $ ('. trekkspill> dd'). skjul (); $ ('. trekkspill> dt> "

Bytt tekst - CSS-triks

Bytt tekst - CSS-triks

La oss si at du har en lenke for å vise flere alternativer som utvider en liste med alternativer. Det står "flere alternativer". Det er enkelt å bytte disse alternativene med .toggle () "

Bare målrette eksterne lenker - CSS-triks

Bare målrette eksterne lenker - CSS-triks

Teknikk # 1 $ ('a'). Filter (funksjon () (returner dette.hostname && this.hostname! == location.hostname;)). AddClass ("eksternt"); Teknikk # 2 $ .expr.external "

Stylet popup-meny - CSS-triks

Stylet popup-meny - CSS-triks

Denne ideen er fra Veer.com og hvordan de håndterer nedtrappinger for ting som T-skjorte størrelser. Takk til Dennis Sa. Se demo HTML Vi pakker inn en vanlig "

Test om minst én avkrysningsrute er avmerket CSS-triks

Test om minst én avkrysningsrute er avmerket CSS-triks

I dette eksemplet er en sendeknapp deaktivert hvis ingen av avmerkingsboksene er merket av og aktivert hvis minst en er merket av. Trikset er at du kan bruke "

Glidende bakgrunnslenker - CSS-triks

Glidende bakgrunnslenker - CSS-triks

$ ('a', '#nav'). svever (funksjon () (hvis (! $ (dette) .parent (). harClass ('gjeldende')) ($ (dette) .stopp (). animer (( bakgrunnPosisjon: '(0 -75px)'));)), funksjon () "

Smartere hendelsesbinding - CSS-triks

Smartere hendelsesbinding - CSS-triks

$ ("p"). live ("klikk", funksjon () ($ (dette) .css ("farge", "rød");)); Årsaken til at dette er smartere er at det sannsynligvis er mange p-elementer på siden. Hvis"

Bland barn - CSS-triks

Bland barn - CSS-triks

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

Shuffle DOM Elements - CSS-triks

Shuffle DOM Elements - CSS-triks

Dette er fra James Padolsey. Sjekk ut artikkelen hans for en ren JavaScript-teknikk også. Plugin (funksjon ($) ($ .fn.shuffle = funksjon () (var allElems "