Archiwa tagu: Formularze

Contactable – szybki kontakt dzięki PHP, jQuery i Ajax

Contactable plugin jQyery Ajax

Bardzo często na różnych stronach widuje wysuwany z boku formularz kontaktowy. To bardzo popularny ostaniami czasy plugin. Pomyślałem że opisze go na blogu, aby łatwiej go było znaleźć. Tak więc plugin wyświetla na stronie małą zakładkę po naciśnięciu której, wysuwa nam się z boku formularz kontaktowy. Po wypełnieniu pól, formularz sprawdza czy dane są poprawnie wpisane i przesyła maila. Do skryptu dołączony jest plik PHP w którym trzeba wpisać adres mail na który ma przychodzić mail z formularza.

Contactable plugin jQyery Ajax

 

Wymagania: jQuery, PHP
Demo: http://plugins.theodin.co.uk/jquery/contactable/index.html
Link: http://theodin.co.uk/blog/ajax/contactable-jquery-plugin.html
Licencja: Darmowa

Skrypt paska przewijania ( Scrollbar ) w jQuery

Custom Scrollbar jQuery plugin

Takie skrypty to prawdziwe perełki, ponieważ rzadko można znaleźć skrypty modyfikujące kontrolki formularzy. Ten skrypt zmienia wygląd paska przewijania. Mamy do dyspozycji kilka rodzai wyglądu paska. Możemy przewijać zawartość zarówno w pionie jak i w poziomie. Użycie takiej formy przewijania tekstu z pewnością wygląda lepiej niż tradycyjna kontrolka.

Custom Scrollbar jQuery plugin

Framework: jQuery
Demo: http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html
Licencja: Darmowa

jQuery.validVal – formularz z walidacją Ajax w jQuery

jQuery_validVal Ajax

Bardzo fajny plugin ułatwiający walidującje formularzy. Działa przez określenie rodzaju walicjacji w atrybutach „class”. Można również pisać własne reguły oparte o wyrażenia regularne. W linku znajduje się prosta instrukcja instalacji skryptu na stronie oraz jego konfigurowanie.

jQuery_validVal Ajax

Framework: jQuery
Demo: http://validval.frebsite.nl/examples.php
Licencja: GPL

SheepIt – formularz z dodatkowymi polami w jQuery

SheepIt jQuery

Niektórzy posiadają więcej niż jeden nr telefonu. Aby ułatwić wprowadzanie danych takim użytkownikom, można użyć w projekcie SheepIt. Ten skrypt napisany w jQuery pozwala na dodanie dodatkowych pól z numerami telefonu do wpisania. Dodatkowo skrypt umożliwia wygenerowanie pól określonej ilość lub usuwać poszczególne pola lub wszystkie naraz. Na stronie można znaleźć kilka przykładów jak użyć skryptu. Miedzy innymi jak wczytywać dane w pola z formatu JSON.

SheepIt jQuery

Framework: jQuery
Link: http://www.mdelrosso.com/sheepit/
Demo: http://www.mdelrosso.com/sheepit/index.php?lng=en_GB&sec=demos
Licencja: MIT

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

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