JAVASCRIPT

Skryptowy język programowania stosowany głównie na stronach internetowych. JS działa po stronie przeglądarki internetowej i wzbogaca strony o dodatkowe funkcjonalności, na które nie pozwala język HTML i CSS, np: okienka popup, alerty, slidery, walidatory formularzy, animacje, wysuwane menu itp. Oficjalna strona projektu: javascript.com

Wysuwany boczny panel menu

W tym poście pokażę jak zrobić na stronie wysuwany, boczny panel menu. Takie rozwiązanie bardzo dobrze sprawdza się na widokach mobilnych. Zapewne każdy z nas natknął się na coś takiego podczas wędrówki po kniejach sieci, choćby na tym blogu 🙂 Aby wykonać zadanie potrzebna będzie biblioteka jQuery.

W kodzie html (poniżej) osadzimy dwa przyciski: …

Wysuwany boczny panel menuczytaj więcej »

google captcha

Google reCAPTCHA

CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) to technika zabezpieczenia stron internetowych przed spamem, odszyfrowaniem haseł. Dotyczy głównie formularzy HTML. Aby móc przesłać dane z formularza użytkownik musi przejść proces weryfikacji tzw. test na człowieczeństwo. Odbywa się to poprzez wyświetlanie krótkich zadań, pytań na które trzeba odpowiedzieć, zaznaczając lub wpisując …

Google reCAPTCHAczytaj więcej »

bootstrap tabs / zakładki

Automatyczna zmiana Bootstrap Tabs na Accordion

Strony mobilne i responsywne wprowadziły nową jakość do Internetu. Serfowanie po stronach stało się łatwe i przyjemne dzięki responsywnym nawigacjom i układom szablonów automatycznie dopasowującym się do danej rozdzielczości ekranu (telefonu lub tabletu). Niestety są elementy, które nadal sprawiają problem lub nie można ich dostosować w sposób jaki byśmy chcieli za pomocą zwykłego HTMLa, CSS …

Automatyczna zmiana Bootstrap Tabs na Accordionczytaj więcej »

Cookies ciasteczka na stronie

Komunikat o korzystaniu z „cookies” na stronie

Ciasteczko (ang. cookie) to plik przechowujący krótką informację tekstową, który serwis internetowy wysyła do przeglądarki, a który przeglądarka odczytuje przy kolejnej wizycie użytkownika, np. w celu zapamiętania danych logowania lub innych preferencji. Zapewne wiesz o co biega, a jeśli nie, to odsyłam Cię do strony wszystkoociasteczkach.pl, na której temat rozbity jest na atomy. Zarządzanie plikami …

Komunikat o korzystaniu z „cookies” na stronieczytaj więcej »

scrollowanie, przewijanie do góry

Płynny powrót „do góry” strony

Często na pojedynczych stronkach zdarza się, że treść posta, artykułu, newsa jest dość obszerna a powrót do nawigacji irytujący, zakładając, że osadzony jest w nagłówku strony. Aby cofnąć się „do góry” musimy przebierać suwakiem przeglądarki jak chomik kołowrotkiem. Na szczęście jest proste rozwiązanie w postaci graficznego przycisku (zazwyczaj z symbolem strzałki), którego kliknięcie natychmiast przeniesie …

Płynny powrót „do góry” stronyczytaj więcej »

wydruk zawartości strony, diva

Wydruk zawartości DIVa

Najprostsze i najszybsze rozwiązanie, to użycie gotowej funkcji języka JavaScript: print(), która uruchomi okienko kreatora wydruku. Jeśli nie masz w systemie zainstalowanej drukarki to zgłoszony zostanie wyjątek. Przykład z wydrukiem całej zawartości strony:

Po Kliknięciu na hiperłącze „drukuj temat” nastąpi wywołanie okienka wydruku. Wydruk dotyczy całej zawartości strony, tak więc wydrukowane zostanie menu strony, …

Wydruk zawartości DIVaczytaj więcej »