Archiwa kategorii: Tooltips

Okienka pomocy

MopTip – tooltip made in Japanese :)

moptip jQuery
Skrypt MopTip to ToolTip czyli chmurka z podpowiedziami, którą możemy umieścić w naszych projektach. Wyświetlając się, automatycznie dopasowuje się do ekranu. Niewątpliwą zaletą skryptu jest to, że pozwala na umieszczanie w treści obrazków. Dodatkowo chmurka może po wyświetleniu się, wymusić na użytkowniku kliknięcie przycisku „zamknij” zamiast zniknąć automatycznie.

Framework: jQuery
Demo: http://www.mopstudio.jp/mopTip2demo.html
Link: http://www.mopstudio.jp/mopTip2demo.html
Licencja: MIT

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

SlideNote – wyskakująca notatka w jQuery

SlideNote jQuery

Żółta karteczka wyskakująca z boku ekranu to najlepszy sposób poinformowania odwiedzającego użytkownika o czymś ciekawym. Taką właśnie karteczkę wyświetla ten skrypt napisany w jQuery. Skrypt reaguje na przesuwanie się użytkownika rolką w dół po stronie. Okienko można zamknąć przyciskiem w rogu. Skrypt jest również dostępny jako wtyczka do WordPressa.

SlideNote jQuery

Frameworks: jQuery
Demo: http://slidenote.info/
Licencja: GPL

SlideNote jQuery

ToolTips – okno pomocy w jQuery

jQuery Tooltip Plugin

Skrypt okna pomocy (ToolTips) napisany w jQuery. Obsługuje znaczniki HTML i CSS w dymkach. Do wyboru mamy kilka ramek,  a niektóre możemy modyfikować za pomocą stylów CSS. Skrypt okna pomocy reaguje na przesuwanie za ekran co powoduje że zawsze jest widoczny w całości.

jQuery Tooltip Plugin

Wymagania: jQuery
Demo: http://jquery.bassistance.de/tooltip/demo/
Link: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
Licencja: MIT, GPL

TinyTips – proste okienko pomocy w jQuery

tinyTips

TinyTips to prosty skrypt zaprogramowany w  jQuery , który daje możliwość dodawania podpowiedzi do prawie każdego elementu na stronie. TinyTips jest bardzo łatwy w instalacji i obsłudze. Wystarczy podać pliki TinyTips i bibliotekę w jQuery . Możesz również nadać jej ładny styl poprzez edycję arkusza stylów.

Wymagania: jQuery Framework
Demo: http://www.digitalinferno.net/demos/tt-1-0/index.html
Licencja: Darmowa