Odsyłacze z opisami

Skrypt pozwala zbudować listę odsyłaczy z opisami. Po przesunięciu kursora myszki nad odsyłacz w pierwszym polu pojawia się rozszerzona nazwa, natomiast w następnym - opis serwisu. Kliknięcie na odsyłaczu powoduje skok do strony, przy czym w tej wersji skryptu jest ona ładowana "on top", czyli na cały ekran przeglądarki. W definicji skryptu możemy się posługiwać zarówno odsyłaczami bezwzględnymi, jak i względnymi, w stosunku do położenia strony. Skrypt jest wygodnym narzędziem, gdy chcemy dać szerszą informację o odsyłaczach, nie zajmując nimi zarazem miejsca na stronie.

Moje odsyłacze

PCkurier
Kurs języka HTML
Poradniki dla internautów
Wiedza

Skopiuj przykładowy kod.


<table width=510 border=0>
<tr>
<td width=305 align=left>

<script language="JavaScript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.geocities.com/ResearchTriangle/1500

function thetext(txt) {
   document.theform.thetext.value = txt
     return true;
}

// -->
</script>
<script language="JavaScript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.geocities.com/ResearchTriangle/1500

function atext(txt) {
   document.aform.atext.value = txt
     return true;
}

// -->
</script>
<H3>Moje odsyłacze</H3>
<a href="http://www.pckurier.pl" onmouseover='thetext("PCkurier - strona główna"); atext("PCkurier zawiera opisy sprzętu i oprogramowania, relacje z wydarzeń, przeglądy technik i technologii.")' target=_top>PCkurier</a><br>
<a href="http://www.pckurier.pl/html/index.htm" onmouseover='thetext("Kurs języka HTML  - poradnik webmastera"); atext("Kurs zawiera praktyczny opis tworzenia stron WWW. Jest stale aktualizowany")' target=_top>Kurs języka HTML</a><br>
<a href="http://www.pckurier.pl/podreczniki/index.html" onmouseover='thetext("Poradniki i dokumentacje"); atext("Strona zawiera szereg poradników pomagających w lepszym wykorzystaniu oprogramowania i serwisów usługowych w Internecie.")' target=_top>Poradniki dla internautów</a><br>
<a href="http://www.pckurier.pl/wiedza/index.html" onmouseover='thetext("Katalog internetowy Wiedza"); atext("Katalog zawiera odsyłacze do miejsc związanych z szeroko rozumianą wiedzą - encyklopedii, poradników, bibliotek, uczelni, księgarni itd.")' target=_top>Wiedza</a><br>

<form name="theform">
<input type="text" name="thetext" size=40>
</form>
<form name="aform">
<TEXTAREA rows=5 cols=30 wrap="virtual" NAME="atext">
</TEXTAREA>
</form>
<center></center>
</td>
</tr>
</table>