Ajax Toltip script - podpowiedzi do linków
Jeden chyba z najpopularniejszych w tej chwili sposób na podpowiedzi co ukrywa się pod danym linkiem. W tym przypadku wykorzystujemy Jquery 1.2.2.pack.js . W tej chwili skrypt jest wykorzystywany na wielu stronach www. i stał się już popularnym elementem. Dzięki tej funkcji możemy zaoszczędzić wiele miejsca na stronie ukrywając w podpowiedziach skrócone wiadomości na temat linków.
Oto kod:
Dla sekcji HEAD:
| <script type="text/javascript" src="/jquery-1.2.2.pack.js"></script> <style type="text/css"> .ajaxtooltip{ position: absolute; /*leave this alone*/ display: none; /*leave this alone*/ width: 300px; left: 0; /*leave this alone*/ top: 0; /*leave this alone*/ background: lightyellow; border: 2px solid gray; border-width: 1px 2px 2px 1px; padding: 5px; } </style> <script type="text/javascript" src="/ajaxtooltip.js"> </script> |
Następnie aby dodać podpowiedzi do każdego elementu na stronie, wystarczy użyć atrybut "title" ale z następującą konwencją:
|
<a href="/tutaj adres linku" title="ajax:external.htm">Jakis link[/url] |
plik external.htm to plik zewnętrzny na serwerze który zawiera teks lub rysunek z podpowiedzią która ukaże się po najechaniu na dany link.
W załącznikach do postu - wszystkie pliki do toltipa: ajaxtooltip.js jquery-1.2.2.pack.js oraz gif jako ikona wczytywania
jquery-1.2.2.pack.zip
ajaxtooltip.zip
external.zip
ajaxload.gif