Kontakt

Przykadowe skrypty:

JavaScript to jzyk skryptowy. Kodujac w JavaScript zyskujesz dynamiczne efekty na swojej stronie WWW.

Zobacz rwnie:

LINKI:
Przepisy
Gry dla dzieci

W tym miejscu znajdziesz odnoniki do stron znajomych oraz do stron tematycznie powizanych z tematyk mojego serwisu.

Skrypt zmieniajca si informacja

Skrypty wywietla informacje na stronie w okrelonym odstpie czasu. W tym przykadzie jest to 8 sekund. Skrypt mona wykorzysta np. do wywietlania informacji o nowociach na stronie. Oczywicie oprcz tekstu mona umieszcza rwnie grafik, jak i kady element html.

Tak wyglda rezultat dziaania skryptu. Moliwe jest ustawienie szybkoci zmiany tekstu poprzez zmian wartoci zmiennej czas. Czas podawany jest w ms (np. 8000ms = 8 sekund).

 

Aby umieci skrypt na wasnej stronie naley skopiowa cztery elementy. Pierwszym z nich jest funkcja javascript o nazwie wiadomosc. Funkcja ta posiada parametr n, ktry okrela kolejno wywietlania informacji.

Poniszy zapis naley umieci w sekcji head z znaczniku script.
<script type="text/javascript">
function wiadomosc(n) {
var czas = 8000;
var tablica = new Array();
tablica[0] = "Po pierwsze
Pierwsza z 4 wiadomoci. Tak wanie dziaa ten skrypt. Za osiem sekund wywietlony zostanie kolejny tekst.";
tablica[1] = "Po drugie
Druga wiadomo z ostatniej chwili. Za osiem sekund znowu nastpny tekst.";
tablica[2] = "Po trzecie
Trzecia wiadomo z ostaniej chwili. Nowe kredyty mieszkaniowe.";
tablica[3] = "Po czwarte
Tu czwarta wiadomo. Nowy lek na gryp w pobliskiej aptece. Jaka tre. A teraz za osiem sekund powrt do pierwszej wiadomoci. ";
document.getElementById("wiadomosc").innerHTML = tablica[n];
if (n < tablica.length-1) {
n = (n+1);
}
else {
n = 0;
}
setTimeout("wiadomosc("+n+")", czas);
}
</script>

Tu maa, ale wana uwaga do kodu funkcji. Na stronie linijki dotyczce opisw tzn. np. tablica[n] = "" i tu nastpuje tre pierwszej informacji s "zamane" tzn. wyglda jakby by wcinity ENTER przed wyraeniem kolejny tekst. Nie wolno ama linii w kodzie strony - u mnie na stronie poprostu nie zmiecia si w linijce natomiast jeeli podejrzysz kod rdowy to zobaczysz, e jest w jednej linijce.

W sekcji body umie nastpujcy wpis:

<div id="wiadomosc"> </div>

W miejscu gdzie umiecisz powyszy wpis, skrypt bdzie wywietla informacje.

Kolejn wan rzecz s style CSS. Umie je w sekcji head w znaczniku style:
<style type="text/css">
#wiadomosc {
width: 300px;
border: 1px solid #333333;
background-color: #ffffff;
height: 100px;
margin: 0px 0px 0px 10px;
padding : 4px;
}
</style>

Aby sterowa wygldem - zmieniaj style CSS. Moesz dodawa to, zmienia kolor liter itd...

Ostatni element do umieszczenia to wywoanie funkcji w momencie zaadowania si strony. Wpis wyglda nastpujco:
<body onload="wiadomosc(0);">
Jak widzisz chodzi o parametr znacznika body.


UWAGA
Po zakodowaniu strony internetowej zawsze sprawd czy prawidowo wywietla si we wszystkich popularnych przegldarkach internetowych (np.: Internet Explorer, Mozilla Firefox, Opera).




Copyright © Atom 2006