Animacja przycisku Ripple Effect w HTML, CSS i JS
W pliku html: W pliku css JS Lekkie przeróbki, by dopasować do wordpressa W pliku functions należy dodać referencję do pliku js, w tym przypadku jest to plik public.js w jQuery
JavaScript
Wykrycie klawiszy w javascript
Ważna uwaga, wg. https://developer.mozilla.org/en-US/docs/Web/API/Document/keypress_event keypress event zostaje porzucony i nie będzie dalej wspierany, więc mimo, że może on działać jeszcze w chwili obecnej, lepiej go nie używać. Poniżej przykład wypisywania kodu i znaku klawiszy:
Popup window z użyciem div w javascript
Superowy popup z użyciem div, css i js Okno popup uruchamiane po czasie w javascript Popup window with time execution in javascript Różnica pomiędzy window.setTimeout() i setInterval() Np. 2 minutowe zadanie ustawione w interwale 10 …
Tworzenie i zamykanie okien w javascript
Za pomocą metody window.open() możemy otworzyć nowe okno przeglądarki, a za pomocą window.close() możemy zamknąć aktualne okno. Tworzenie okna z podanym wymiarem i zmiana wymiaru
Wymiary ekranu i okna w javascript
Pełne wymiary ekranu możemy pobrać za pomocą metody screen.width i screen. height. Wymiary monitora bez paska narzędzi pobieramy za pomocą metod screen.availWidth i screen.availHeight Wymiary okna przeglądarki Zamykanie obecnego lub otwieranie nowego okna Za pomocą …
Losowa liczba w javascript
Losowa liczba z zakresu od min do max (inclusive) Funkcja generująca losowy kolor w postaci szesnastkowej Funkcja generująca losowy kolor rgb
Wyświetlanie i ukrywanie zawartości po kliknięciu – accordion
Wyświetlanie i ukrywanie div o klasie toggleMsg po kliknięciu na inny obiekt poprzez dodawanie i usuwanie klasy
Tworzenie elementów html w javascript
Tworzenie elementu html z klasą z funkcją ich usunięcia po kliknięciu Dodawanie obiektów do określonego kontenera z numeracją Tworzenie i usuwanie elementów div w javascript – przykład