Archiwum dla kategorii ‘jQuery’

editor

Edytory WYSIWYG w JavaScript, jQuery i HTML5

Witam. Dziś mały spis edytorów WYSIWYG. Bazują one oczywiście na JavaScript, ale także na nowszych możliwościach, oferowanych przez HTML5. Edytory WYSIWYG Czasem zachodzi potrzeba dodania do projektu (np. panel administracyjny CMS, opisy produktu w e-sklepie) aplikacji WWW. Dostępnych jest wiele gotowych do użycia, bardzo dobrych rozwiązań. Przedstawiamy wybrane z nich. 1. Redactor WYSIWYG Jest to […]

building

Tutorial web storage – aplikacje przechowujące dane lokalnie

Dziś zaprezentujemy tutorial o tworzeniu prostej aplikacji web, która przechowuje dane w localStorage. Będzie on mogła zapisywać i przechowywać ustawienia dotyczące swojego wyglądu. Przejdźmy zatem do dzieła. Tutorial web storage 1. Zacznijmy od dodania biblioteki jQuery oraz prostych stylów CSS dla elementów UI: 2. Stwórzmy prosty formularz w sekcji body: Teraz możemy przejść do programowania […]

file4

Odczyt pliku w JavaScript i HTML5

Z tym zagadnieniem spotykałem się właściwie od lat. Jednak dopiero bardziej nowoczesne rozwiązania pozwalają podejść do tego zagadnienia w sensowny sposób, niezwiązany z jedną konkretną przeglądarką. Odczyt pliku w JavaScript i HTML5 Wśród najprostszych sposobów można wymienić wczytywanie zawartości pliku via AJAX; w przypadku jQuery można użyć metody get(): Przykład on-line: http://dominik-w.pl/tester_file_read.html Należy pamiętać o […]

html5-tutorial-canvas-image-hot-points_128

Tutorial HTML5: zdjęcie na Canvas z klikalnymi elementami

Rezultatem pracy nad dzisiejszym przykładem będzie efekt, który może być przydatny w wielu projektach z różnych branż. Chodzi o efekt będący swego rodzaju komentarzem do danego punktu na zdjęciu. Możemy w tym miejscu zaprogramować określoną akcję np. pokazanie szczegółowych informacji. Tutorial HTML5 – klikalne punkty na zdjęciu Trzeba mieć na uwadze, że konfiguracja klikalnych punktów […]

jQuery

Tutorial jQuery: efektowne, rozsuwane menu poziome

W dzisiejszym tutorialu stworzymy proste menu poziome z obrazkami i animacją. Tutorial jQuery – rozsuwane menu poziome Całość wykonamy w kilku prostych krokach. 1. Potrzebne pliki Potrzebne nam będą: – pliki css/style.css oraz js/menu_funcs.js na definicje naszych stylów i kodu JavaScript do obsługi menu – 5 (lub więcej jeśli chcemy szersze menu) obrazków; w naszym […]

jQuery

Tworzenie pluginów jQuery – własne rozszerzenia w praktyce

Dziś kontynuacja tematu tworzenia rozszerzeń (pluginów) dla frameworka jQuery. Zajmiemy się aspektem praktycznym. Tworzenie pluginów jQuery – dalsze kroki Development pluginu może odbywać się według wzorca jak poniżej. Definiujemy poszczególne elementy, takie jak funkcje opcje: Ale dość już teoretyzowania, przejdźmy do konkretów! Zobaczmy i przeanalizujmy pełny przykład naszego prostego pluginu jQuery. Przykład – nasz własny […]

learning

Tworzenie pluginów jQuery – wprowadzenie

jQuery to bardzo popularny framework. Korzystając z niego, bardzo często korzystamy także z pluginów, których jest naprawdę sporo. I można powiedzieć że stanowią one jedną z najsilniejszych cech tej biblioteki. Tutorial: tworzenie pluginów jQuery Dobrym pomysłem zatem jest opanowanie sztuki tworzenia pluginów jQuery, czym się teraz zajmiemy. Plugin jest eleganckim i praktycznym rozwiązaniem do implementacji […]

jquery_mobile_app_tutorial_berlin_sml

Tutorial jQuery Mobile: aplikacja z Google Maps

Dziś mały tutorial z praktycznym przykładem pokazującym jak korzystać z map Google w aplikacji jQuery Mobile. Tutorial jQuery Mobile – praca z Google Maps Tworzymy zatem naszą aplikację, a zaczniemy od dołączenia potrzebnych plików. Oprócz jQuery i jQuery Mobile, potrzebujemy dołączyć skrypt z kodem JavaScript, w którym zaimplementujemy naszą obsługę map. Ponadto potrzebujemy skryptów Google […]

lol

Prima aprilis w JavaScript

Mamy JavaScript, mamy dziś także Prima aprilis, czyli dobrą okazję, aby oderwać się na chwilę od codziennego kodu i odrobinę rozerwać (wiem, wiem, kod JavaScript potrafi czasem sam w sobie dać sporo rozrywki). Prima aprilis w JavaScript Dziś do debugowania kodu dżiawa-skriypt używam wyłącznie legendarnej już „konstrukcji”: Ale przede wszystkim – implementacja na dziś: Tak […]

jQuery mobile

Nauka jQuery Mobile – dialogi, panele, listy. Podsumowanie.

Dziś dalsza nauka jQuery Mobile, a omówimy między innymi dialogi oraz listy. Nauka jQuery Mobile – dalsze kroki Na początek zajmiemy się istotnym elementem UI, jaki stanowią dialogi. Podstawowo, tak jak w innych przypadkach, bazujemy na definiowaniu atrybutów dla elementów. Na przykład: Aby zobaczyć dialogi jQuery Mobile w akcji, rozważmy nieco większy przykład: Rezultat (uruchomiony […]