Koodinpätkät 2025, Heinäkuu

Erilaiset tyylitaulukot eri viikonpäiville - CSS-temppuja

Erilaiset tyylitaulukot eri viikonpäiville - CSS-temppuja

Nimeä css-tiedostosi vastaavasti: Saturday.css, Friday.css, Sunday.css jne ... Jos JavaScript ei ole käytössä selaimessa, se palaa takaisin "

Tunnista Javascript On / Off, ilmoituksella - CSS-temppuja

Tunnista Javascript On / Off, ilmoituksella - CSS-temppuja

JavaScript ei ole käytössä. Ota käyttöön nähdäksesi koko sivusto. Jos JavaScript on päällä, käyttäjä saa tervetuloviestin. Jos se on pois päältä, käyttäjää kehotetaan käynnistämään se. "

Oletusargumentit toiminnoille - CSS-temppuja

Oletusargumentit toiminnoille - CSS-temppuja

Yhdistetty välitetyt argumentit ja oletusarvot (käytettävissä kaikilla toiminnoilla) Object.prototype.combine = function (_args) (for (var i tässä) (if (typeof _args "

Nykyinen sivu, jossa on JavaScript - CSS-temppuja

Nykyinen sivu, jossa on JavaScript - CSS-temppuja

Tämä on kuin korvaus PHP: n SCRIPT_NAME: lle JavaScriptillä. location.href.split ('/'). pop (); Esimerkiksi tällä URL-osoitteella: "

CSS, kun JavaScript on käytössä - CSS-temppuja

CSS, kun JavaScript on käytössä - CSS-temppuja

Document.documentElement.className = "js" Tämä lisää luokan juuriin , joten voit (esimerkiksi) tehdä jotain esimerkiksi piilottaa vain

"

Selainten välinen riippuvuusvapaa DOM-valmius - CSS-temppuja

Selainten välinen riippuvuusvapaa DOM-valmius - CSS-temppuja

Denis Ciccalen versio: var DOMReady = function (a, b, c) (b = document c = 'addEventListener' b? B ('DocumentContentLoaded', a): "

Evästeiden parantaja / asettaja - CSS-temppuja

Evästeiden parantaja / asettaja - CSS-temppuja

** * Hakee tai asettaa evästeet * @param name * @param -arvo (tyhjä poistaaksesi tai määrittelemätön saadaksesi) * @param -vaihtoehdot (verkkotunnus, vanhenee (päivissä)) * @return value "

Muunna monikulmio polun tiedoksi - CSS-temppuja

Muunna monikulmio polun tiedoksi - CSS-temppuja

Olen joutunut tekemään tämän muutaman kerran viime aikoina, joten ajattelin tallentaa menetelmän. StackOverflow: lla on menetelmä, joka toimii hyvin: "

Kommentit JavaScriptissä CSS-temppuja

Kommentit JavaScriptissä CSS-temppuja

Function doSomething () (/ * Tämä Chris Coyierin koodi * / var i = 0; // laskuri käytetään myöhemmin;) JavaScriptin kommentit voivat olla / * * / merkintöjen välillä "

Tyhjennä kenttä tarkennuksessa - CSS-temppuja

Tyhjennä kenttä tarkennuksessa - CSS-temppuja

Korvaa "arvo" oletusarvolla. Jos kenttä on valittu, oletusarvo häviää. Jos käyttäjä on aiemmin muuttanut kentän arvoa, "

Laita pilkkuarvot numeroihin - CSS-temppuja

Laita pilkkuarvot numeroihin - CSS-temppuja

Tämä funktio olettaa, että sille lähetetään merkkijono, jossa on desimaalipiste ja kaksi paikkaa desimaalin jälkeen. Saada numerosi siihen "

Tarkista, onko luku parillinen / pariton - CSS-temppuja

Tarkista, onko luku parillinen / pariton - CSS-temppuja

Function isEven (arvo) (jos (arvo% 2 == 0) palauttaa tosi; muuten palaa epätosi;) "

Tarkista, onko toiminto olemassa ennen soittamista - CSS-temppuja

Tarkista, onko toiminto olemassa ennen soittamista - CSS-temppuja

Kun käytetään komentosarjoja, jotka on jaettu sivuston eri alueiden välillä, saattaa olla tapauksia, joissa kutsutaan toimintoa, jota ei ole olemassa. On järkevää

Maaryhmä - CSS-temppuja

Maaryhmä - CSS-temppuja

Var maa_lista =; JSON-versio paulund.co.uk-sivustolta: "

Tarkista, onko fonttiperhe kunnia - CSS-temppuja

Tarkista, onko fonttiperhe kunnia - CSS-temppuja

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

Sitoo erilaiset tapahtumat napsautettaviksi ja kaksoisnapsauta - CSS-temppuja

Sitoo erilaiset tapahtumat napsautettaviksi ja kaksoisnapsauta - CSS-temppuja

Saatat haluta linkin olevan erikoistoiminto kaksoisnapsauttamalla, mikä estää linkin oletustoiminnon (siirry toiselle sivulle). Joten: Kaksoisnapsauta: "

Break out iframe-kehyksestä CSS-temppuja

Break out iframe-kehyksestä CSS-temppuja

Jos (top.location! = self.location) (top.location = self.location.href;) Se yleensä toimii, mutta epäonnistumisen mahdollisuus on pieni, jos "

Async-jakopainikkeet (G +, Facebook, Twitter) - CSS-temppuja

Async-jakopainikkeet (G +, Facebook, Twitter) - CSS-temppuja

Jotkut näistä palveluista tarjoavat (älykkäästi) komentosarjansa jo asynkronisesti, tämä vain yhdistää ne tehokkaammiksi, organisoiduiksi ja "

Async-komentosarjakuormaaja ja takaisinsoitto - CSS-temppuja

Async-komentosarjakuormaaja ja takaisinsoitto - CSS-temppuja

Var Loader = toiminto () () Loader.prototype = (vaaditaan: function (komentosarjat, takaisinsoitto) (this.loadCount = 0; this.totalRequired = scripts.length; "

Taulukot, objektit ja objektijoukot aakkosjärjestyksessä CSS-temppuja

Taulukot, objektit ja objektijoukot aakkosjärjestyksessä CSS-temppuja

Aakkosjärjestys voi olla hieman hankalaa, koska saatat haluta olla kirjainkoon erottamaton lajiteltavan suhteen. Taulukot ovat myös asia, jonka lajittelet, mutta joskus sinulla on esine. Tai joukko esineitä. Tai muuten sisäkkäisiä yhdistelmiä ... "

Video kaikille (HTML5-video, jossa Flash Fallback) - CSS-temppuja

Video kaikille (HTML5-video, jossa Flash Fallback) - CSS-temppuja

Lataa video: Suljettu muoto: "MP4" Avoin muoto: "Ogg" Täydellinen selitys Kroc Camenin sivustolla, tämän tekniikan alullepanija. "

Lisää suosikkeihin (IE) - CSS-temppuja

Lisää suosikkeihin (IE) - CSS-temppuja

Lisää suosikki ja mene sinne Lisää suosikkilistan ensimmäinen parametri on URL-osoite, toinen tallennettavaksi tarjottava teksti. Joten tämä sisäinen JavaScript on uudelleenkäytettävä "

Lisää numero kahteen muuttujaan kerralla - CSS-temppuja

Lisää numero kahteen muuttujaan kerralla - CSS-temppuja

Voit alustaa kaksi muuttujaa samaan arvoon kerralla, kinda: var foo, bar; foo = baari = 10; Mutta ei ole yhtä helppoa mekanismia lisätä esimerkiksi 5 "

Lisää käyttäjäagentin dataattribuutti - CSS-temppuja

Lisää käyttäjäagentin dataattribuutti - CSS-temppuja

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

AddEventListener Polyfill - CSS-temppuja

AddEventListener Polyfill - CSS-temppuja

AddEventListener polyfill 1.0 / Eirik Backer / MIT License (function (win, doc) (if (win.addEventListener) return; // Ei tarvitse täyttää toimintoa "

1024x768 kirjanmerkki - CSS-temppuja

1024x768 kirjanmerkki - CSS-temppuja

800x600-näyttöjen päivät ovat kaikki ohi, mutta useimmat meistä yrittävät silti majoittaa 1024px-laajakuvanäyttöjä. Tästä syystä "960" leveyden sivustojen suosio. Tämä"

AddClass-toiminto - CSS-temppuja

AddClass-toiminto - CSS-temppuja

Jos siirryt kirjastovapaaksi, sinun on ehkä käytettävä omaa toimintoasi näin. funktio addClass (id, new_class) (var i, n = 0; "