Codefragmenten 2025, Januari-

Variabelen opschonen - CSS-trucs

Variabelen opschonen - CSS-trucs

Variabelen die via webformulieren worden ingediend, moeten altijd vóór gebruik op enigerlei wijze worden opgeschoond / opgeschoond, om te voorkomen dat ze allerlei soorten kwaadwillende "

Wijzig maandnummer in maandnaam - CSS-trucs

Wijzig maandnummer in maandnaam - CSS-trucs

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

Datum wijzigen van dd / mm / jjjj in jjjj-dd-mm - CSS-trucs

Datum wijzigen van dd / mm / jjjj in jjjj-dd-mm - CSS-trucs

Conversie $ date_array = explode ("/", $ date); // split de array $ var_day = $ date_array; // dagvolgorde $ var_month = $ date_array; // maand segment $ var_year "

Automatische Mailto-koppelingen - CSS-trucs

Automatische Mailto-koppelingen - CSS-trucs

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

Automatisch copyrightjaar - CSS-trucs

Automatisch copyrightjaar - CSS-trucs

Alleen huidig ​​jaar © Met startjaar © 2008- Startdatum met foutbeveiliging Gebruik: "

Associatieve array-syntaxis - CSS-trucs

Associatieve array-syntaxis - CSS-trucs

Eenvoudige $ carParts = array ('Tyres' => 100, 'Window' => 1042, 'DoorHandle' => 917); Array van associatieve arrays public $ notificationPartners = array (array ('name' => "

Voeg inloggegevens toe aan URL - CSS-trucs

Voeg inloggegevens toe aan URL - CSS-trucs

Het voorbeeld hier is als u een formulier op een website had dat, wanneer het werd ingediend, die informatie moest gebruiken om naar een speciale URL te gaan waar de inloggegevens "

Pas servertijd aan - CSS-trucs

Pas servertijd aan - CSS-trucs

Soms is de tijd die op uw server is ingesteld, niet correct voor uw lokale tijd. Als u deze niet kunt wijzigen, kunt u deze zelf aanpassen. $ today = "

Werken met attributen - CSS-trucs

Werken met attributen - CSS-trucs

Een enkel kenmerk instellen $ ("img"). Attr ("src", "/images/banner.jpg.webp"); Eén kenmerk instellen (met functie) $ ("div"). Attr ("id", function (arr) (return "

Individuele woorden onderstrepen - CSS-trucs

Individuele woorden onderstrepen - CSS-trucs

Er is geen CSS voor het toepassen van een onderstreping (text-decoration: underline;) alleen op individuele woorden in een element met meerdere woorden. De beste manier is om '

Window load event met minimale vertraging - CSS-trucs

Window load event met minimale vertraging - CSS-trucs

Window.load kan super duper snel afvuren als de pagina in de cache is opgeslagen. Als je dat evenement wilt gebruiken, maar zorg ervoor dat er een minimale hoeveelheid tijd is verstreken voordat het "

Leeftijd valideren - CSS-trucs

Leeftijd valideren - CSS-trucs

Dit fragment veronderstelde een HTML-formulier met en ID van "leeftijdsformulier" en drie invoer (tekst of select) met de ID's "dag", "maand" en "jaar" respectievelijk. "

Wijzig de grootte van het venster met Google Analytics - CSS-trucs

Wijzig de grootte van het venster met Google Analytics - CSS-trucs

Sparkbox heeft dit fragment om erachter te komen hoe vaak het formaat van browservensters echt wordt aangepast. (function () (var resizeTimer; // Ervan uitgaande dat we jQuery hebben "

Triple Click Event - CSS-trucs

Triple Click Event - CSS-trucs

$ .event.special.tripleclick = (setup: function (data, namespaces) (var elem = this, $ elem = jQuery (elem); $ elem.bind ('klik', "

Controleer of het element zich in een ander specifiek element bevindt - CSS-trucs

Controleer of het element zich in een ander specifiek element bevindt - CSS-trucs

Vervang de eerste selector door het kind dat u aan het testen bent en de tweede selector door de ouder waarop u test. als ("

Eenvoudige jQuery-accordeon - CSS-trucs

Eenvoudige jQuery-accordeon - CSS-trucs

JQuery Zorg ervoor dat u ofwel op DOM-gereed of onderaan de pagina draait. (function ($) (var allPanels = $ ('. accordeon> dd'). hide (); $ ('. accordeon> dt> "

Tekst wisselen - CSS-trucs

Tekst wisselen - CSS-trucs

Stel dat u een link heeft om meer opties weer te geven, waardoor een lijst met opties wordt uitgebreid. Er staat "meer opties". Het is gemakkelijk om tussen deze opties te schakelen met .toggle () "

Alleen externe links targeten - CSS-trucs

Alleen externe links targeten - CSS-trucs

Techniek # 1 $ ('a'). Filter (function () (retourneer this.hostname && this.hostname! == location.hostname;)). AddClass ("external"); Techniek # 2 $ .expr.external "

Stijlvol pop-upmenu - CSS-trucs

Stijlvol pop-upmenu - CSS-trucs

Dit idee is van Veer.com en hoe ze omgaan met de dropdowns voor zaken als T-shirtmaten. Bedankt aan Dennis Sa. Demo-HTML bekijken We zullen een gewone "

Test of minstens één selectievakje is aangevinkt - CSS-trucs

Test of minstens één selectievakje is aangevinkt - CSS-trucs

In dit voorbeeld is een verzendknop uitgeschakeld als geen van de selectievakjes is aangevinkt en ingeschakeld als er minstens één is aangevinkt. De truc is dat je '

Schuivende achtergrondlinks - CSS-trucs

Schuivende achtergrondlinks - CSS-trucs

$ ('a', '#nav'). hover (function () (if (! $ (this) .parent (). hasClass ('current')) ($ (this) .stop (). animate (( backgroundPosition: '(0 -75px)'));)), function () "

Slimmere evenementbinding - CSS-trucs

Slimmere evenementbinding - CSS-trucs

$ ("p"). live ("klik", functie () ($ (this) .css ("kleur", "rood");)); De reden dat dit slimmer is, is omdat er waarschijnlijk veel p-elementen op de pagina staan. Als"

Shuffle Children - CSS-trucs

Shuffle Children - CSS-trucs

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

Shuffle DOM-elementen - CSS-trucs

Shuffle DOM-elementen - CSS-trucs

Dit is van James Padolsey. Bekijk ook zijn artikel voor een pure JavaScript-techniek. Plugin (function ($) ($ .fn.shuffle = function () (var allElems "