Kodebiter 2025, April

Ulike stilark for forskjellige ukedager - CSS-triks

Ulike stilark for forskjellige ukedager - CSS-triks

Navngi css-filene dine tilsvarende: Saturday.css, Friday.css, Sunday.css, etc ... Hvis JavaScript er deaktivert i nettleseren, vil den gå tilbake til "

Oppdag Javascript på / av, med varsel - CSS-triks

Oppdag Javascript på / av, med varsel - CSS-triks

JavaScript er av. Aktiver for å se hele siden. Hvis JavaScript er på, får brukeren en velkomstmelding. Hvis den er av, blir brukeren bedt om å slå den på. "

Standardargumenter for funksjoner - CSS-triks

Standardargumenter for funksjoner - CSS-triks

Kombinator av godkjente argumenter og standardverdier (kan brukes med hvilken som helst funksjon) Object.prototype.combine = funksjon (_args) (for (var i i dette) (hvis (typeof _args "

Gjeldende side med JavaScript - CSS-triks

Gjeldende side med JavaScript - CSS-triks

Dette er som en erstatning for PHPs SCRIPT_NAME med JavaScript. location.href.split ('/'). pop (); For eksempel med denne nettadressen: "

CSS for når JavaScript er aktivert CSS-triks

CSS for når JavaScript er aktivert CSS-triks

Document.documentElement.className = "js" Dette legger til en klasse i roten , slik at du (for eksempel) kan gjøre noe som å skjule en

bare "

Avhengighetsfri DOM-klar for tvers av nettlesere - CSS-triks

Avhengighetsfri DOM-klar for tvers av nettlesere - CSS-triks

Denis Ciccales versjon: var DOMReady = funksjon (a, b, c) (b = dokument c = 'addEventListener' b? B ('DocumentContentLoaded', a): "

Cookie Getter / Setter - CSS-triks

Cookie Getter / Setter - CSS-triks

** * Får eller setter informasjonskapsler * @paramnavn * @param-verdi (null å slette eller udefinert for å få) * @paramuligheter (domene, utløper (i dager)) * @returverdi "

Konverter polygon til banedata - CSS-triks

Konverter polygon til banedata - CSS-triks

Jeg har måttet gjøre dette et par ganger nylig, så jeg trodde jeg skulle lagre metoden. StackOverflow har en metode som fungerer bra: "

Kommentarer i JavaScript - CSS-triks

Kommentarer i JavaScript - CSS-triks

Funksjon doSomething () (/ * Denne koden av Chris Coyier * / var i = 0; // teller som skal brukes senere;) Kommentarer i JavaScript kan være mellom / * * / markeringer "

Fjern felt i fokus - CSS-triks

Fjern felt i fokus - CSS-triks

Erstatt "verdi" med standardverdien. Hvis feltet er valgt, vil standardverdien forsvinne. Hvis brukeren tidligere har endret feltverdien, "

Sett kommaverdier i tall - CSS-triks

Sett kommaverdier i tall - CSS-triks

Denne funksjonen forutsetter at det som sendes til det er en streng, med et desimaltegn og to steder etter desimalet. For å få nummeret ditt inn i det "

Sjekk om tallet er jevnt / ulikt - CSS-triks

Sjekk om tallet er jevnt / ulikt - CSS-triks

Funksjon erEven (verdi) (hvis (verdi% 2 == 0) returnerer true; ellers returnerer false;) "

Sjekk om funksjonen eksisterer før du ringer - CSS-triks

Sjekk om funksjonen eksisterer før du ringer - CSS-triks

Når du bruker skript som deles mellom forskjellige områder på et nettsted, kan det være tilfeller der det kalles en funksjon som ikke eksisterer. Det gir mening på "

Array of Country Names - CSS-triks

Array of Country Names - CSS-triks

Var country_list =; JSON-versjon fra paulund.co.uk: "

Sjekk om skriftfamilien er æret - CSS-triks

Sjekk om skriftfamilien er æret - CSS-triks

Function checkFont (strFamily) (var objDiv = document.createElement ('div'); objDiv.style.fontFamily = strFamily; "

Bind forskjellige hendelser for å klikke og dobbeltklikke - CSS-triks

Bind forskjellige hendelser for å klikke og dobbeltklikke - CSS-triks

Du vil kanskje at en lenke skal ha en spesiell handling når du dobbeltklikker, noe som forhindrer standardhandlingen til lenken (gå til en annen side). Så: Dobbeltklikk: "

Bryt ut av iframe - CSS-triks

Bryt ut av iframe - CSS-triks

Hvis (top.location! = self.location) (top.location = self.location.href;) Det vil generelt fungere, men det er liten sjanse for feil i tilfelle at "

Delingsknapper for Async (G +, Facebook, Twitter) - CSS-triks

Delingsknapper for Async (G +, Facebook, Twitter) - CSS-triks

Noen av disse tjenestene gir allerede (smart) skriptene sine på en asynkron måte, dette bare kombinerer dem til mer effektive, organiserte og "

Async Script Loader med tilbakeringing - CSS-triks

Async Script Loader med tilbakeringing - CSS-triks

Var Loader = funksjon () () Loader.prototype = (krever: funksjon (skript, tilbakeringing) (this.loadCount = 0; this.totalRequired = scripts.length; "

Alfabetisering av matriser, objekter og matriser av objekter - CSS-triks

Alfabetisering av matriser, objekter og matriser av objekter - CSS-triks

Alfabetisering kan være litt vanskelig, da det kan være lurt å være uten bokstaver med det du sorterer. Arrays er også det du sorterer, men noen ganger har du et objekt. Eller en rekke objekter. Eller på annen måte nestede kombinasjoner ... "

Video For Everybody (HTML5 Video med Flash Fallback) - CSS-triks

Video For Everybody (HTML5 Video med Flash Fallback) - CSS-triks

Last ned video: Lukket format: "MP4" Åpent format: "Ogg" En fullstendig forklaring på Kroc Camens nettsted, opphavsmannen til denne teknikken. "

Legg til i favoritter (IE) - CSS-triks

Legg til i favoritter (IE) - CSS-triks

Legg til favoritt og gå til dit Den første parameteren til AddFavorite er URL-en, den andre teksten du tilbyr for lagring. Så dette innebygde JavaScript kan gjenbrukes "

Legg til et tall til to variabler samtidig CSS-triks

Legg til et tall til to variabler samtidig CSS-triks

Du kan initialisere to variabler til samme verdi på en gang, ganske: var foo, bar; foo = bar = 10; Men det er ingen lignende enkel mekanisme å legge til, si 5 "

Legg til dataattributt til brukeragent - CSS-triks

Legg til dataattributt til brukeragent - CSS-triks

Var b = document.documentElement; b.className = b.className.replace ('no-js', 'js'); b.setAttribute ("data-useragent", navigator.userAgent); "

AddEventListener Polyfill - CSS-triks

AddEventListener Polyfill - CSS-triks

AddEventListener polyfill 1.0 / Eirik Backer / MIT License (function (win, doc) (if (win.addEventListener) return; // No need to polyfill function "

1024x768 Bokmerke - CSS-triks

1024x768 Bokmerke - CSS-triks

Dagene på 800x600 skjermer er alt over, men de fleste av oss prøver fortsatt å få plass til 1024px brede skjermer. Derfor populariteten til "960" bredde nettsteder. Dette"

AddClass Funksjon - CSS-triks

AddClass Funksjon - CSS-triks

Hvis du går biblioteksfritt, må du kanskje rulle din egen funksjon slik. funksjon addClass (id, new_class) (var i, n = 0; "