Archiwa kategorii: Formularze

Selectize – kontrolka select która wybierze wszystko :)

selectize

Czasami zwykła kontrolka select z formularz może nie wystarczyć. Z pomocą przyjdzie nam ten skrypt. Pozwala on stworzyć rożnego rodzaju kontrolki umożliwiające zaawansowane opcje wybieranie. Możemy nie tylko tworzyć kontrolkę z listą ale również z możliwością autouzupełniania. Skrypt ma również opcje usuwania wybranych elementów a także zamieniania ich miejscami.

 

Framework: jQuery
Link: http://brianreavis.github.io/selectize.js
Licencja: Apache

Sisyphus.js – autozapisywanie formularzy – jQuery

Nikt nie lubi wypełniać skomplikowanych formularzy na stronach z auto wylogowywaniem. Wystarczy że na chwile oderwiemy się od wypełniania, a wprowadzane w pocie czoła informacje zostaną stracone. Mi osobiście przydarzyła się taka sytuacja kilkakrotnie na portalu aukcyjnym Allegro. Teraz do budowy podobnych formularzy możemy użyć skryptu Sisyphus.js. Zapisuje on nie wysłane formularze na naszym komputerze. Teraz żaden koniec sesji , awaria czy niespodziewane zamknięcie przeglądarki nie będzie nam straszne.

Sisyphus.js

Framework: jQuery
Link: https://github.com/simsalabim/sisyphus
Demo: http://simsalabim.github.com/sisyphus
Licencja: MIT

 

TagBox – skrypt do dodawania tagów – jQuery

TagBox jquery

Prosty skrypt, który możemy użyć do dodawania tagów, oznaczeń, etykiet, itp. Możemy wpisywać po kolei wartości, albo wybierać je z listy.Przy wpisywaniu „z palucha” po wpisaniu przecinka tag zostanie automatycznie dodany. A jeżeli się pomylimy to każdy tag możemy usunąć.

Framework: jQuery
Demo: http://www.geektantra.com/projects/jquery-tagbox/
Link: http://code.google.com/p/jquery-tagbox/
Licencja: MIT

AUSU – auto uzupełnianie z wykorzystaniem jQuery, PHP i bazy danych

ausu auto uzupełnianie jquery

Auto uzupełnianie na stronach powoli zaczyna być już normą. Dzięki skryptowi Auso możemy w szybki i prosty sposób stworzyć wyszukiwanie z podpowiedziami. Skrypt do działania wymaga PHP i bazy danych. Zarówno wygląd jak i sposób pobierania danych z bazy można bardzo łatwo zmienić.

 

 

Wymagania: jQuery, PHP, MySql
Demo: http://oslund.ca/demos/ausu/
Link: http://discussion.oslund.ca/2011/01/a-simple-jquery-ajax-autosuggest-plugin
Licencja: Darmowa

fcbkListSelection – lista z możliwością zaznacznia

fcbkListSelection

fcbkListSelection to skrypt z możliwością zaznaczania wielu pól jednocześnie. Właściwie lista przypomina bardziej tabelę i jest podobna to tej na portalu społecznościowym Facebook, gdzie jest mozliwośc zaznaczania przyjaciół. Skrypt zwraca dane tak jak zwykłe formularze w postaci tablicy.

Framework: jQuery
Demo: http://www.emposha.com/demo/fcbklistselection/
Link: https://github.com/emposha/fcbkListSelection
Licencja: MIT

Przyciski stylizowane na Google +

google plus buttons

Jeżeli marzy Ci się aplikacja w stylu Google+, do budowy interfejsu przyda się paczka przycisków stylizowanych właśnie na nowy interfejs Google. W paczce znajdziemy przyciski z ikonkami i etykietami lub same przyciski-ikonki z pojawiającymi się chmurkami z opisem. W paczce mamy również kolekcje „list rozwijanych”. Nic tylko usiąść i nowe Google pisać :)

Link: http://code.brucegalpin.com/google-plus-ui-buttons/