Codefragmenten 2025, Januari-

Verschillende stylesheets voor verschillende dagen van de week - CSS-trucs

Verschillende stylesheets voor verschillende dagen van de week - CSS-trucs

Geef uw css-bestanden een passende naam: Saturday.css, Friday.css, Sunday.css, enz ... Als JavaScript is uitgeschakeld in de browser, keert het terug naar de "

Detecteer Javascript aan / uit, met melding - CSS-trucs

Detecteer Javascript aan / uit, met melding - CSS-trucs

JavaScript is uitgeschakeld. Schakel in om de volledige site te bekijken. Als JavaScript is ingeschakeld, krijgt de gebruiker een welkomstbericht. Indien uitgeschakeld, wordt de gebruiker geïnstrueerd om het in te schakelen. "

Standaardargumenten voor functies - CSS-trucs

Standaardargumenten voor functies - CSS-trucs

Combinator van doorgegeven argumenten en standaardwaarden (bruikbaar met elke functie) Object.prototype.combine = function (_args) (voor (var i in this) (if (typeof _args "

Huidige pagina met JavaScript - CSS-trucs

Huidige pagina met JavaScript - CSS-trucs

Dit is als een vervanging voor PHP's SCRIPT_NAME met JavaScript. locatie.href.split ('/'). pop (); Bijvoorbeeld met deze URL: "

CSS voor wanneer JavaScript is ingeschakeld - CSS-trucs

CSS voor wanneer JavaScript is ingeschakeld - CSS-trucs

Document.documentElement.className = "js" Dit voegt een klasse toe aan de root , dus je zou (bijvoorbeeld) iets kunnen doen als alleen een

verbergen "

DOM-gereed voor cross-browser-afhankelijkheid - CSS-trucs

DOM-gereed voor cross-browser-afhankelijkheid - CSS-trucs

Denis Ciccale's versie: var DOMReady = function (a, b, c) (b = document c = 'addEventListener' b? B ('DocumentContentLoaded', a): "

Koekjesvanger / -setter - CSS-trucs

Koekjesvanger / -setter - CSS-trucs

** * Haalt of stelt cookies in * @param-naam * @param-waarde (null om te verwijderen of niet-gedefinieerd om op te halen) * @param-opties (domein, verlopen (in dagen)) * @return-waarde "

Polygoon converteren naar padgegevens - CSS-trucs

Polygoon converteren naar padgegevens - CSS-trucs

Ik heb dit onlangs een paar keer moeten doen, dus ik dacht dat ik de methode zou opslaan. StackOverflow heeft een methode die geweldig werkt: "

Opmerkingen in JavaScript - CSS-trucs

Opmerkingen in JavaScript - CSS-trucs

Function doSomething () (/ * Deze code door Chris Coyier * / var i = 0; // counter om later te gebruiken;) Opmerkingen in JavaScript kunnen tussen / * * / markings "

Veld op focus wissen - CSS-trucs

Veld op focus wissen - CSS-trucs

Vervang "waarde" door de standaardwaarde. Als het veld is geselecteerd, verdwijnt de standaardwaarde. Als de gebruiker de veldwaarde eerder heeft gewijzigd, "

Zet kommawaarden in getallen - CSS-trucs

Zet kommawaarden in getallen - CSS-trucs

Deze functie gaat ervan uit dat wat eraan wordt verzonden een string is, met een decimaal punt en twee plaatsen achter de komma. Om je nummer daarin te krijgen "

Controleer of het getal Even / Oneven - is CSS-trucs

Controleer of het getal Even / Oneven - is CSS-trucs

Function isEven (waarde) (if (waarde% 2 == 0) retourneert waar; anders retourneert onwaar;) "

Controleer of de functie bestaat voordat u - belt CSS-trucs

Controleer of de functie bestaat voordat u - belt CSS-trucs

Bij gebruik van scripts die worden gedeeld tussen verschillende delen van een site, kunnen er gevallen zijn waarin een functie wordt aangeroepen die niet bestaat. Het is logisch op "

Array van landnamen - CSS-trucs

Array van landnamen - CSS-trucs

Var country_list =; JSON-versie van paulund.co.uk: "

Controleer of font-family gehonoreerd is - CSS-trucs

Controleer of font-family gehonoreerd is - CSS-trucs

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

Bind verschillende gebeurtenissen om te klikken en te dubbelklikken - CSS-trucs

Bind verschillende gebeurtenissen om te klikken en te dubbelklikken - CSS-trucs

U wilt misschien dat een link een speciale actie heeft wanneer u erop dubbelklikt, waardoor de standaardactie van de link wordt voorkomen (ga naar een andere pagina). Dus: dubbelklik op: "

Breek uit iframe - CSS-trucs

Breek uit iframe - CSS-trucs

If (top.location! = self.location) (top.location = self.location.href;) Dat zal over het algemeen werken, maar er is een kleine kans op mislukking in het geval dat "

Async-knoppen voor delen (Google+, Facebook, Twitter) - CSS-trucs

Async-knoppen voor delen (Google+, Facebook, Twitter) - CSS-trucs

Sommige van deze services bieden hun scripts al (slim) op een asynchrone manier, dit combineert ze gewoon tot efficiëntere, georganiseerde en "

Async-scriptlader met terugbellen - CSS-trucs

Async-scriptlader met terugbellen - CSS-trucs

Var Loader = function () () Loader.prototype = (vereist: functie (scripts, terugbellen) (this.loadCount = 0; this.totalRequired = scripts.length; "

Arrays, objecten en arrays van objecten alfabetiseren - CSS-trucs

Arrays, objecten en arrays van objecten alfabetiseren - CSS-trucs

Alfabetisering kan een beetje lastig zijn, omdat u misschien niet hoofdlettergevoelig wilt zijn met wat u aan het sorteren bent. Ook zijn arrays het ding dat je sorteert, maar soms heb je een object. Of een reeks objecten. Of anders geneste combinaties ... "

Video voor iedereen (HTML5-video met terugval van Flash) - CSS-trucs

Video voor iedereen (HTML5-video met terugval van Flash) - CSS-trucs

Download video: Gesloten formaat: "MP4" Open formaat: "Ogg" Een volledige uitleg op de site van Kroc Camen, de grondlegger van deze techniek. "

Toevoegen aan favorieten (IE) - CSS-trucs

Toevoegen aan favorieten (IE) - CSS-trucs

Voeg favoriet toe en ga naar daar De eerste parameter voor AddFavorite is de URL, de tweede de tekst die moet worden aangeboden om op te slaan. Dus dit inline JavaScript is herbruikbaar "

Voeg een nummer toe aan twee variabelen tegelijk - CSS-trucs

Voeg een nummer toe aan twee variabelen tegelijk - CSS-trucs

U kunt twee variabelen tegelijk op dezelfde waarde initialiseren, een beetje: var foo, bar; foo = balk = 10; Maar er is geen vergelijkbaar eenvoudig mechanisme om bijvoorbeeld 5 "

Gegevenskenmerk van User Agent - toevoegen CSS-trucs

Gegevenskenmerk van User Agent - toevoegen CSS-trucs

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

AddEventListener Polyfill - CSS-trucs

AddEventListener Polyfill - CSS-trucs

AddEventListener polyfill 1.0 / Eirik Backer / MIT License (function (win, doc) (if (win.addEventListener) return; // Polyfill-functie niet nodig "

1024x768 Bookmarklet - CSS-trucs

1024x768 Bookmarklet - CSS-trucs

De dagen van 800x600-schermen zijn bijna voorbij, maar de meesten van ons proberen nog steeds 1024px brede schermen op te nemen. Vandaar de populariteit van sites met een breedte van "960". Dit"

AddClass-functie - CSS-trucs

AddClass-functie - CSS-trucs

Als je bibliotheekvrij gaat, moet je misschien je eigen functie op deze manier gebruiken. functie addClass (id, nieuwe_klasse) (var i, n = 0; "