Archiwa kategorii: Formularze

Wysuwany panel w jQuery i Mootools i na WordPress

sliding login panel

Wysuwany panel w którym możemy umieścić formularz, menu, zdjęcia itp . Panel wysuwa się z góry po naciśnięciu przycisku a efekt przejścia jest bardzo płynny. Skrypt istnieje trzech wersjach. Pierwsza napisana w jQuery, druga w MooTools i trzecia jako plugin do WordPress.

sliding login panel

Framework: jQuery
Link: http://web-kreation.com/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Demo: http://web-kreation.com/demos/Sliding_login_panel_jquery/

Framework: MooTools
Link: http://web-kreation.com/tutorials/nice-login-and-signup-panel-using-mootools-12/
Demo: http://web-kreation.com/demos/login_form_mootools_1.2/

WordPress
Link: http://web-kreation.com/all/implement-a-nice-clean-jquery-sliding-panel-in-wordpress-27/

Licencja: GPL

Skrypt Naked password – ciekawy sposób na skomplikowane hasła :)

Naked Password jQuery

Teraz chętniej będziesz tworzył skomplikowane hasła, dzięki skryptowi Naked Password. Skrypt wyświetla obrazek dziewczyny. Im bardziej skomplikowane hasło, tym dziewczyna jest skromniej ubrana. Pomysł bardzo ciekawy, jednak obrazek dziewczyny jest pikselowany i bardzo mały. No ale można go przerobić i wstawić bardziej śmiały obrazek :). Dla chcącego nic trudnego. Myślę że takie mini zabawy przy uzupełnianiu formularzy, przy zastosowaniu ich w rożnych serwisach ,mogłyby zachęcić więcej osób rejestracji.

 

Naked Password jQuery

 

Framework: jQuery
Demo: http://www.nakedpassword.com/
Download: https://github.com/platform45/nakedpassword
Licencja: MIT, GPL

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

Super nowoczesne kontrolki w CSS3 i HTML5

boxtuffs CSS3 HTML5

Kolekcja sześciu kontrolek zaprojektowany przy użyciu css3 i HTML5. Mamy do dyspozycji komponent do wyszukiwania, przełącznik, przycisk download, wybieranie, albumu, notatnik. Nie we wszystkich komponenty są wbudowane formy, które odbierają dane, trzeba je samemu zaprogramować. Niestety komponenty nie działają na IE, nawet na najnowsze IE9 Beta.

boxtuffs CSS3 HTML5

Link: http://boxtuffs.com/
Licencja: Darmowe

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