Fragmenty kodu 2025, Styczeń

Zmienne czyszczenia - CSS-Tricks

Zmienne czyszczenia - CSS-Tricks

Zmienne przesyłane za pośrednictwem formularzy internetowych zawsze wymagają czyszczenia / dezynfekcji przed użyciem w jakikolwiek sposób, aby zapobiec wszelkim rodzajom złośliwych programów. "

Zmień numer miesiąca na nazwę miesiąca - CSS-Tricks

Zmień numer miesiąca na nazwę miesiąca - CSS-Tricks

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

Zmień datę z dd / mm / rrrr na rrrr-dd-mm - CSS-Tricks

Zmień datę z dd / mm / rrrr na rrrr-dd-mm - CSS-Tricks

Konwersja $ date_array = eksplodować ("/", $ data); // podziel tablicę $ var_day = $ date_array; // sekwencja dzienna $ var_month = $ date_array; // segment miesięczny $ var_year "

Automatyczne linki Mailto - CSS-Tricks

Automatyczne linki Mailto - CSS-Tricks

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

Automatyczny rok praw autorskich - CSS-Tricks

Automatyczny rok praw autorskich - CSS-Tricks

Tylko bieżący rok © Z rokiem początkowym © 2008- Data rozpoczęcia z ochroną przed błędami Użycie: "

Asocjacyjna składnia tablicy - CSS-Tricks

Asocjacyjna składnia tablicy - CSS-Tricks

Simple $ carParts = array ('Tires' => 100, 'Window' => 1042, 'DoorHandle' => 917); Tablica tablic asocjacyjnych public $ notifyPartners = array (array ('name' => "

Dołącz dane logowania do adresu URL - CSS-Tricks

Dołącz dane logowania do adresu URL - CSS-Tricks

Przykładem jest tutaj, gdybyś miał formularz w witrynie internetowej, który po przesłaniu musiał użyć tych informacji, aby przejść do specjalnego adresu URL, gdzie dane logowania "

Dostosuj czas serwera - CSS-Tricks

Dostosuj czas serwera - CSS-Tricks

Czasami czas ustawiony na serwerze nie jest zgodny z czasem lokalnym. Jeśli nie możesz tego zmienić, możesz to zmienić samodzielnie. $ dzisiaj = "

Praca z atrybutami - CSS-Tricks

Praca z atrybutami - CSS-Tricks

Ustawianie pojedynczego atrybutu $ ("img"). Attr ("src", "/images/banner.jpg.webp"); Ustawianie pojedynczego atrybutu (z funkcją) $ ("div"). Attr ("id", function (arr) (return "

Podkreśl poszczególne słowa - CSS-Tricks

Podkreśl poszczególne słowa - CSS-Tricks

Nie ma kodu CSS do stosowania podkreślenia (dekoracji tekstu: podkreślenia;) tylko do pojedynczych słów w elemencie wielowyrazowym. Najlepszym sposobem byłoby zawinięcie ”

Zdarzenie obciążenia okna z minimalnym opóźnieniem - CSS-Tricks

Zdarzenie obciążenia okna z minimalnym opóźnieniem - CSS-Tricks

Window.load może działać bardzo szybko, jeśli strona jest buforowana. Jeśli chcesz użyć tego zdarzenia, ale upewnij się, że minął minimalny czas do jego zakończenia ”

Zatwierdź wiek - CSS-Tricks

Zatwierdź wiek - CSS-Tricks

Ten fragment zakładał z góry formularz HTML z identyfikatorem „forma-wieku” oraz trzy dane wejściowe (tekst lub zaznaczenie) z identyfikatorami odpowiednio „dzień”, „miesiąc” i „rok”.

Śledzenie zmiany rozmiaru okna za pomocą Google Analytics - CSS-Tricks

Śledzenie zmiany rozmiaru okna za pomocą Google Analytics - CSS-Tricks

Sparkbox ma ten fragment, aby pomóc dowiedzieć się, jak często zmienia się rozmiar okien przeglądarki. (function () (var resizeTimer; // Zakładając, że mamy jQuery "

Zdarzenie z potrójnym kliknięciem - CSS-Tricks

Zdarzenie z potrójnym kliknięciem - CSS-Tricks

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

Sprawdź, czy element znajduje się wewnątrz innego określonego elementu - CSS-Tricks

Sprawdź, czy element znajduje się wewnątrz innego określonego elementu - CSS-Tricks

Zamień pierwszy selektor na dziecko, którego testujesz, a drugi selektor na rodzica, dla którego testujesz. gdyby ("

Prosty akordeon jQuery - CSS-Tricks

Prosty akordeon jQuery - CSS-Tricks

JQuery Upewnij się, że działa na DOM ready lub na dole strony. (function ($) (var allPanels = $ ('. accordion> dd'). hide (); $ ('. accordion> dt> "

Przełącz tekst - CSS-Tricks

Przełącz tekst - CSS-Tricks

Załóżmy, że masz link do pokazania większej liczby opcji, który rozwija listę opcji. Mówi „więcej opcji”. Przełączanie tych opcji jest łatwe za pomocą .toggle () ”

Kieruj tylko na linki zewnętrzne - CSS-Tricks

Kieruj tylko na linki zewnętrzne - CSS-Tricks

Technika nr 1 $ ('a'). Filter (function () (return this.hostname && this.hostname! == location.hostname;)). AddClass ("external"); Technika nr 2 $ .expr.external "

Stylizowane menu podręczne - CSS-Tricks

Stylizowane menu podręczne - CSS-Tricks

Pomysł pochodzi z Veer.com i jak radzą sobie z rozwijanymi listami takich rzeczy, jak rozmiary koszulek. Dziękuję Dennisowi Sa. Zobacz Demo HTML Owijamy zwykły "

Sprawdź, czy co najmniej jedno pole wyboru jest zaznaczone - CSS-Tricks

Sprawdź, czy co najmniej jedno pole wyboru jest zaznaczone - CSS-Tricks

W tym przykładzie przycisk przesyłania jest wyłączony, jeśli żadne z pól wyboru nie jest zaznaczone i włączone, jeśli przynajmniej jedno jest zaznaczone. Sztuczka polega na tym, że możesz użyć „

Przesuwne linki w tle - CSS-Tricks

Przesuwne linki w tle - CSS-Tricks

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

Bardziej inteligentne powiązanie wydarzeń - CSS-Tricks

Bardziej inteligentne powiązanie wydarzeń - CSS-Tricks

$ ("p"). live ("klik", funkcja () ($ (this) .css ("kolor", "czerwony");)); Jest to mądrzejsze, ponieważ prawdopodobnie na stronie znajduje się wiele elementów p. Gdyby"

Tasuj dzieci - CSS-Tricks

Tasuj dzieci - CSS-Tricks

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

Pomieszaj elementy DOM - CSS-Tricks

Pomieszaj elementy DOM - CSS-Tricks

To jest od Jamesa Padolseya. Sprawdź również jego artykuł, aby zapoznać się z czystą techniką JavaScript. Plugin (function ($) ($ .fn.shuffle = function () (var allElems "