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

 

Projekt © 2009 - INFOPROG 67905 odwiedzin