Archiwa kategorii: Formularze

jQuery Keypad – klawiatura w jQuery

jQuery Keypad

Ciekawy plugin napisany w jQuery. Dzięki niemy możemy mieć wirtualną klawiaturę przy polu <input>.  Skrypt potrafi stworzyć zarówno małe klawiatury numeryczne, jak i duże „qwerty” Dokumentacja na stronie autora daję duże możliwość rozbudowy klawiatury, miedzy innymi definiowanie własnych przycisków. Skrypt jest prosty w instalacji, wystarczy go ściągnąć na dysk i dodać do folderu bibliotekę jQuery.

jQuery Keypad

Link: http://keith-wood.name/keypad.html
Demo: http://keith-wood.name/keypadBasics.html
Licencja: MIT, GPL

FlexBox – paginacja i autouzupełnianie w znaczniku select

flexbox

Skrypt wyświetla w znaczniku select listę z możliwością przełączania się między stronami. Jest to bardzo dobre rozwiązanie w przypadku długich list wyboru. Ponadto przy wpisywaniu szukanej frazy lista zmniejsza się o pozycje odpowiadające wpisanemu kryterium. Dodatkową zaletą skryptu jest to, że lista wczytywanych jest z pliku JSON. Skrypt przy ładowaniu danych używa metody AJAX, co sprawia że nie spowoduje to spowolnienia ładowania się strony, a lista wyboru może być długa.

flexbox

Framework: jQuery
Link: http://www.fairwaytech.com/flexbox.aspx
Licencja: Inna

Cantipi – prostsze wybieranie godziny w formularzach w jQuery

cantipi2 jquery

Mały skrypt umożliwiający wybranie godziny i minuty na tarczy zegara. Najczęściej w formularzach, gdy musimy wybrać datę pojawia nam się ładny kalendarz. Jednak przy wyborze godziny i minuty wybieramy je z listy rozwijanej. Ten mały skrypt ułatwi nieco wprowadzanie czasu. Zamiast wybierać lub wpisywać liczby, zaznaczamy je na tarczy zegara. Wadą skryptu jest to, że użytkownicy mogą mieć trudność z jego obsługą. Aby zmieniać minuty należy klikać na białe pole zegarka, jeżeli godziny na zielone. Ja na początku nie wiedziałem za bardzo jak ustawia się godzinę :) Sama tarcza zegara narysowania jest przy pomocy canvas.

cantipi jquery

cantipi2 jquery

Framework: jQuery
Download: http://code.google.com/p/cantipi/downloads/list
Demo: http://cantipi.zzl.org/
Licencja: MIT

BonBon – Słodziutkie przyciski w CSS3

bonbon css3

„Wszyscy lubią moje cukierasy” – mówił Czesio z „Władców Much”. Tych słodkich cukierkowych przycisków, też nie da się nie lubić. Przysieki wykonane są z użyciem stylów CSS3, bez użycia jakichkolwiek obrazków. Jenak tak to jest z CSS3, że Internet Explorer na razie nie wyświetla ich w ogóle. Zobaczymy jak to będzie w następnej odsłonie IE9 beta 15 września.

bonbon css3

Wymagania: CSS3, HTLM5
Link: http://lab.simurai.com/css/buttons/
Download: http://lab.simurai.com/css/buttons/download/bonbon_buttons.zip
Licencja: Darmowa

InputNotes – Skrypt validacji formularzy w jQuery

InputNotes

Walidacja służy sprawdzeniu poprawności wpisanych danych w formularz. Dzięki skryptowi InputNotes pasek pod polem formularza informuje nas  w momencie popełnienia błędu. Kod walidatora umożliwia wszechstronne wprowadzanie reguł sprawdzania, dzięki zastosowaniu wyrażeń regularnych, jako jednego z parametrów. Na stronie internetowej skryptu dostępne są przykłady najczęściej używanych reguł sprawdzania. W kodzie możemy również pisać własne komunikaty o błędzie.

InputNotes

Wymagania: jQuery
Demo: http://fredibach.ch/jquery-plugins/inputnotes.php
Download: http://fredibach.ch/jquery-plugins/js/jquery.inputnotes-0.6.js
Licencja: Darmowa

ezMark – zmień nudny formularz dzięki jQuery

ezmark jquery css

Jeżeli znudziły się Tobie standardowe kontrolki formularza, ten skrypt w prosty sposób może to zmienić. Dzięki jQuery, możemy nadać nowy wygląd kontrolkom formularza radio i selecte. Działa to w ten sposób ze sama kontrolka jest niewidoczna a jej tło wypełnia obrazek ramki i zaznaczenia. W ten sposób podmieniając obrazek możemy zmienić wygląd kontrolek nie bawiąc się w style CSS, które nie zawsze działają dobrze w kontrolkach na wszystkich przeglądarkach.

ezmark jquery css

Wymagania: jQuery
Demo: http://www.itsalif.info/content/demo-ezmark-jquery-plugin/
Licencja: MIT

CLEditor – Prosty i darmowy edytor WYSIWYG

cleditor

CLEditor jest darmowym, lekkim, w pełni funkcjonalnym edytorem WYSIWYG. Skrypt można łatwo dodać do dowolnego projektu witryny WWW. Edytor posiada standardowe funkcji formatowania tekstu, czcionki, rozmiary, style, kolory tekstu i kolor ypodświetlenia. CLEditor pozwala dołączać zdjęcia (linki) a po zainstalowaniu pluginu, tabele. CLEditor obsługuje wszystkie główne przeglądarki.

cleditor

Wymagania: jQuery
Link: http://premiumsoftware.net/cleditor/
Licencja: GPL, MIT