Fragmente de cod 2025, Ianuarie

Foile de stil diferite pentru diferite zile ale săptămânii - CSS-Tricks

Foile de stil diferite pentru diferite zile ale săptămânii - CSS-Tricks

Denumiți fișierele CSS în consecință: Saturday.css, Friday.css, Sunday.css, etc ... Dacă JavaScript este dezactivat în browser, acesta va reveni la „

Detectează Javascript activat / dezactivat, cu notificare - CSS-Tricks

Detectează Javascript activat / dezactivat, cu notificare - CSS-Tricks

JavaScript este dezactivat. Vă rugăm să activați pentru a vizualiza site-ul complet. Dacă JavaScript este activat, utilizatorul primește un mesaj de bun venit. Dacă este dezactivat, utilizatorul este instruit să îl activeze. "

Argumente implicite pentru funcții - CSS-Tricks

Argumente implicite pentru funcții - CSS-Tricks

Combinator de argumente și valori implicite trecute (utilizabil cu orice funcție) Object.prototype.combine = function (_args) (for (var i in this) (if (typeof _args ")

Pagina curentă cu JavaScript - CSS-Tricks

Pagina curentă cu JavaScript - CSS-Tricks

Este ca un înlocuitor pentru SCRIPT_NAME PHP cu JavaScript. location.href.split ('/'). pop (); De exemplu, cu această adresă URL: "

CSS pentru când JavaScript este activat - CSS-Tricks

CSS pentru când JavaScript este activat - CSS-Tricks

Document.documentElement.className = "js" Aceasta adaugă o clasă la rădăcina , deci puteți (de exemplu) să faceți ceva de genul să ascundeți numai

"

Pregătit pentru DOM, fără dependență, între diverse browsere - CSS-Tricks

Pregătit pentru DOM, fără dependență, între diverse browsere - CSS-Tricks

Versiunea lui Denis Ciccale: var DOMReady = funcție (a, b, c) (b = document c = 'addEventListener' b? B ('DocumentContentLoaded', a): "

Cookie Getter / Setter - CSS-Tricks

Cookie Getter / Setter - CSS-Tricks

** * Obține sau setează cookie-uri * @param nume * @param valoare (nul pentru a șterge sau nedefinit pentru a obține) * @param opțiuni (domeniu, expiră (în zile)) * @ valoare de returnare "

Convertiți poligonul în datele de cale - CSS-Tricks

Convertiți poligonul în datele de cale - CSS-Tricks

A trebuit să fac asta de câteva ori recent, așa că m-am gândit că voi salva metoda. StackOverflow are o metodă care funcționează excelent: "

Comentarii în JavaScript - CSS-Tricks

Comentarii în JavaScript - CSS-Tricks

Function doSomething () (/ * Acest cod de Chris Coyier * / var i = 0; // contor care va fi folosit mai târziu;) Comentariile în JavaScript pot fi între / * * / marcaje "

Ștergeți câmpul pe focus - CSS-Tricks

Ștergeți câmpul pe focus - CSS-Tricks

Înlocuiți „valoare” cu valoarea implicită. Dacă câmpul este selectat, valoarea implicită va dispărea. Dacă utilizatorul a modificat anterior valoarea câmpului, „

Puneți valori virgulare în numere - CSS-Tricks

Puneți valori virgulare în numere - CSS-Tricks

Această funcție presupune că ceea ce i se transmite este un șir, cu un punct zecimal și două poziții după zecimal. Pentru a vă introduce numărul în acel "

Verificați dacă numărul este par / impar - CSS-Tricks

Verificați dacă numărul este par / impar - CSS-Tricks

Funcția este chiar (valoare) (dacă (valoarea% 2 == 0) returnează true; altfel returnează false;) "

Verificați dacă funcția există înainte de a apela - CSS-Tricks

Verificați dacă funcția există înainte de a apela - CSS-Tricks

Atunci când utilizați scripturi care sunt partajate între diferite zone ale unui site, pot exista cazuri în care se numește o funcție care nu există. Are sens pe „

Matrice de nume de țări - CSS-Tricks

Matrice de nume de țări - CSS-Tricks

Var country_list =; Versiunea JSON de pe paulund.co.uk: "

Verificați dacă familia de fonturi este onorată - CSS-Tricks

Verificați dacă familia de fonturi este onorată - CSS-Tricks

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

Legați diferite evenimente de clic și dublu clic - CSS-Tricks

Legați diferite evenimente de clic și dublu clic - CSS-Tricks

S-ar putea să doriți ca un link să aibă o acțiune specială când faceți dublu clic, ceea ce împiedică acțiunea implicită a linkului (accesați o altă pagină). Deci: Faceți dublu clic pe „

Ieșiți din iframe - CSS-Tricks

Ieșiți din iframe - CSS-Tricks

If (top.location! = self.location) (top.location = self.location.href;) Acest lucru va funcționa în general, dar există o mică șansă de eșec în cazul în care „

Butoane de partajare asincronizate (G +, Facebook, Twitter) - CSS-Tricks

Butoane de partajare asincronizate (G +, Facebook, Twitter) - CSS-Tricks

Unele dintre aceste servicii își furnizează deja (inteligent) scripturile într-un mod asincron, ceea ce le combină în mai eficiente, organizate și "

Async Script Loader cu apel invers - CSS-Tricks

Async Script Loader cu apel invers - CSS-Tricks

Var Loader = function () () Loader.prototype = (require: function (scripts, callback) (this.loadCount = 0; this.totalRequired = scripts.length; "

Alfabetizarea matricelor, obiectelor și matricilor de obiecte - CSS-Tricks

Alfabetizarea matricelor, obiectelor și matricilor de obiecte - CSS-Tricks

Alfabetizarea poate fi un pic dificilă, deoarece s-ar putea să doriți să nu fiți sensibili la majuscule și minuscule cu ceea ce sortați. De asemenea, matricile sunt lucrurile pe care le sortați, dar uneori aveți un obiect. Sau o serie de obiecte. Sau alte combinații imbricate ... "

Video pentru toată lumea (videoclip HTML5 cu Flash Fallback) - CSS-Tricks

Video pentru toată lumea (videoclip HTML5 cu Flash Fallback) - CSS-Tricks

Descărcați video: Format închis: "MP4" Format deschis: "Ogg" O explicație completă pe site-ul Kroc Camen, inițiatorul acestei tehnici. "

Adăugați la Favorite (IE) - CSS-Tricks

Adăugați la Favorite (IE) - CSS-Tricks

Adăugați favorit și mergeți acolo Primul parametru pentru AddFavorite este adresa URL, al doilea textul care trebuie oferit pentru salvare. Deci, acest JavaScript în linie este reutilizabil "

Adăugați un număr la două variabile simultan - CSS-Tricks

Adăugați un număr la două variabile simultan - CSS-Tricks

Puteți inițializa două variabile la aceeași valoare simultan, cam: var foo, bar; foo = bar = 10; Dar nu există un mecanism ușor similar pentru a adăuga, să zicem, 5 "

Adăugați atributul de date al agentului de utilizator - CSS-Tricks

Adăugați atributul de date al agentului de utilizator - CSS-Tricks

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

AddEventListener Polyfill - CSS-Tricks

AddEventListener Polyfill - CSS-Tricks

AddEventListener polyfill 1.0 / Eirik Backer / Licență MIT (funcție (win, doc) (dacă (win.addEventListener) returnează; // Nu este nevoie de polyfill funcție "

1024x768 Bookmarklet - CSS-Tricks

1024x768 Bookmarklet - CSS-Tricks

Zilele ecranelor de 800x600 s-au încheiat, dar cei mai mulți dintre noi încearcă totuși să găzduiască ecrane late de 1024 px. De aici popularitatea site-urilor cu lățime „960”. Acest"

AddClass Function - CSS-Tricks

AddClass Function - CSS-Tricks

Dacă mergeți fără bibliotecă, poate fi necesar să vă rulați propria funcție astfel. funcție addClass (id, new_class) (var i, n = 0; "