MKR Strona domowa - Skrypty dla webmasterów.

R E K L A M A

Strona główna

Portfolio

Michał Krusiewicz
[ portfolio ]

skype:michalmkr9
gg:1088080

każda przeglądarka

Przydatne skrypty dla webmasterów!

1. Rozwijana lista z odsyłaczami
2. Podświetlane odnośniki
3. Nawigator
4. Wyświetlacz informacji
5. Animowany pasek tytułu

Skrypty należy wkleić w odpowiednie miejsce na stronie(np. BODY, HEAD). Działają od razu po wklejeniu. Można je zmodyfikować w prosty sposób.

1. Rozwijana lista z odsyłaczami [zobacz przykład]

Rozwijamy listę i wybieramy odpowiadającą nam opcje, klikamy na przycisk i strona wyświetla się w tym samym oknie.

W BODY:

<FORM>
<SELECT NAME="list">
<OPTION SELECTED VALUE="http://sieciowid.pol.pl" target="_top">Sieciowid (PL)
<OPTION VALUE="http://www.chip.pl" target="_top">NEToskop (PL)
<OPTION VALUE="http://archie.icm.edu.pl/" target="_top">Serwer Archie (PL)
<OPTION VALUE="http://www.hotbot.com" target="_top">HotBot
<OPTION VALUE="http://www.altavista.digital.com" target="_top">Alta Vista
<OPTION VALUE="http://www.lycos.com" target="_top">Lycos
<OPTION VALUE="http://www.yahoo.com" target="_top">Yahoo!
<OPTION VALUE="http://www.infoseek.com" target="_top">Infoseek
<OPTION VALUE="http://www.webcrawler.com" target="_top">Web Crawler
<OPTION VALUE="http://www.opentext.com:8080" target="_top">Open Text Index
<OPTION VALUE="http://www.isleuth.com/" target="_top">Internet Sleuth
<OPTION VALUE="http://galaxy.einet.net/www/www.html" target="_top">EINet Galaxy Websearch
<OPTION VALUE="http://www.psy.uwa.edu.au/qrtrdeck.htm" target="_top">Quarterdeck's Quick Search
<OPTION VALUE="http://www.psy.uwa.edu.au/selfrms.htm#SAVVY" target="_top">SavvySearch
</SELECT>
<P>
<INPUT TYPE=BUTTON VALUE="GO ;)" 
onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value">
</FORM>

2. Podświetlane odnośniki [zobacz przykład]

Aby uzyskać efekt podświetlanych odnośników musimy dopisać na stronie definicję stylu. Informacja BODY definiuje styl czcionki na stronie A:link - styl linku, zaś A:hover - styl linku po najechaniu myszką. Poza wartościami czcionki (wielkość: font-size: 14pt; jaka czcionka: font-family: Times New Roman) można również zmienić podkreślenie: text-decoration: none; (tu brak) i kolor color: Red (tu czerwony).

W HEAD:

<style type="text/css">
<!--
BODY {font-size:  14pt;  font-family: Times New Roman,}
A:link { font-family: Times New Roman, helvetica,; text-decoration: none; color: Red;}
A:hover { color: black; font-family: Times New Roman, helvetica, ; text-decoration: none; }
-->
</style>

3. Nawigator [zobacz przykład]

Prosty nawigator nie wymagający modyfikacji. Działa na zasadzie skoków wstecz i dalej w historii przeglądanych stron.

W BODY:

<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<CENTER>");
document.write("<FORM NAME=\"History\">");
document.write("<INPUT TYPE=\"BUTTON\" VALUE=\"<<poprzednia strona\" onClick=\"history.back()\">");
document.write("<INPUT TYPE=\"BUTTON\" VALUE=\"Strona główna\" onClick=\"location='#'\">");
document.write("<INPUT TYPE=\"BUTTON\" VALUE=\"następna strona>>\" onClick=\"history.forward()\">");
document.write("</CENTER>");
// -->
</SCRIPT>

4. Wyświetlacz informacji [zobacz przykład]

Prosty skrypt wyświetlający przewijany tekst.

W BODY:

<script language="JavaScript">
<!-- W3e JAVAScript Preset. Original banner code by Timothy (timothy@essex1.com)
Message = "Tutaj możesz wpisac tekst, który będzie się przesuwał, możesz regulować jego prędkość. Można zmieniać wielkość wyświetlacza. Tutaj możesz wpisac tekst, który będzie się przesuwał, możesz regulować jego prędkość. Można zmieniać wielkość wyświetlacza.";
Size = 130;
Pos=Size;
Speed = 1;
function Banner() 
{
 Spaces = "";
 for (count=0; count<Pos; count++) 
 Spaces+= " ";
 if (Pos < 1) 
 {
 document.Banner.Bar.value = Message.substring(Math.abs(Pos), Message.length);
 if (Pos+Message.length < 1)
 {Pos = Size;}
 } 
 else 
 document.Banner.Bar.value = Spaces + Message;
 Pos-=Speed;
 setTimeout('Banner();', 15);
}
//-->
</script>
<form NAME="Banner">
 <input Size="80" Name="Bar" Value>
</form>
<script>Banner();</script>

5. Animowany pasek tytułu [zobacz przykład]

Powyżej zdefiniowany skrypt należy wstawić w sekcji <HEAD>. Skrypt musi być wywołany zaraz po załadowaniu strony, w tym celu w <BODY> trzeba dodać wywołanie funkcji: <BODY onLoad="Start()">. W skrypcie można zdefiniować dowolną ilość linijek. W tablicy NAPIS należy dodać kolejne zmienne wg schematu. Muszą zawierać indeks w kwadratowych nawiasach. Tekst musi znaleźć się w cudzysłowie. Kod trzeba zakończyć średnikiem. Liczby 70 i 1000 są odstępami czasowymi pomiędzy kolejnymi znakami i linijkami. Można je także modyfikować.

W HEAD:

<SCRIPT language=JavaScript>
ModNapis="";
i=0;
k=1;
Napis=new Array;
Napis[1]="MKR.xx.pl";
Napis[2]="TEKSTY HUMOR WIERSZE";

function Start() {
document.title=ModNapis;
ModNapis+=Napis[k].charAt(i);
if (i==Napis[k].length) {
        ModNapis="";
        i=0;
        if (k==Napis.length-1) k=1
        else k++;
        setTimeout("Start()",1000);}
else
        {setTimeout("Start()",70);
        i++;}
}
</SCRIPT>

drukuj ::