Archiwa tagu: jQuery

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

TipTip – alternatywny tooltip w jQuery

tip tip jquery

W znacznikach HTML możemy używać znacznika title do opisywania zawartości tagów. Na przykład możemy opisywać nimi linki lub zdjęcia.

przykład:

<a href=”" title=”This will show up in the TipTip popup.”>

<img src=”image.jpg” title=”A picture of the World” />

Po najechaniu na te elementy wyskakuje toolTip z zawartością atrybutu title. Niestety standardowy tooltip jest brzydki oraz nie ma efektu przejścia. Alternatywą dla standardowego tooltipa może być TipTip. Skrypt umożliwia napisanie własnych stylów do okienka oraz jego animacje. Na stronie autora skryptu można obejrzeć video, które szerzej pokazuje możliwości skryptu.

tip tip jquery

Wymagania: jQuery
Demo: http://code.drewwilson.com/entry/tiptip-jquery-plugin
Licencja: MIT. GPL

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

jPlayer – odtwarzacz plików muzycznych w jQuery

jPlayer jquery

jPlayer to internetowy odtwarzacz muzycznych. Obsługuje pliki mp3, ogg oraz adresy internetowych stacji radiowych. Interfejs jPlayera jest napisany w HTML. Mamy do dyspozycji kilka rodzajów wyglądu interfejsu, trzy z paskiem przewijania (każdy inny), tekstowy i z playlistą. Pliki muzyczne są buforowane, co umożliwia zaczęcie słuchania dźwięku w trakcie ściągania. Możemy również skakać po utworze przesuwając pasek postępu. Ciekawa opcją jest słuchanie internetowych stacji radiowych. Skrypt działa bardzo wydajnie i sprawnie i o dziwo uruchamia się pod IE.

jPlayer jquery

Framework: jQuery
Demo: http://www.happyworm.com/jquery/jplayer/latest/demos.htm
Link: http://www.happyworm.com/jquery/jplayer/
Licencja: MIT, 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