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 menu w zewntrznym pliku

Wyobra sobie sytuacj, e Twoja strona internetowa skda si z 30 podstron. Wszystko jest dobrze do momentu gdy chcesz zmieni np. jeden link w menu na kadej podstronie. W normalniej sytuacji musiaby otwiera kady plik osobno i dokonywa zmian. Rozwizaniem jest umieszczenie nawigacji w osobnym pliku a na podstronach jedynie odwoanie do tego pliku. Najlepiej takie rzeczy robi za pomoc php ale zamy, e serwer na ktrym umiecie(a) stron nie ma obsugi php.

Wstaw w sekcji head nastpujcy zapis: <script src="menu.js" type="text/javascript"></script> - w tym przypadku menu zapisane zostao w zewntrznym pliku o nazwie menu.js.

Zawarto pliku menu.js wyglda tak:
 
var navi = "<a href=\"#\">link nr 1</a>" +
"<br><a href=\"#\">link nr 2</a>" +
"<br><a href=\"#\">link nr 3</a>";

Jak widzisz w tym pliku okrelona zostaa warto zmiennej navi. Zwr uwag na sposb amania linii (+). Oczywicie wszystko moesz zapisa w jednej linijce ale przy wielu linkach bdzie to kopotliwe czyli np.:
 
var navi = "<a href=\"#\">link nr 1</a><br><a href=\"#\">link nr 2</a><br><a href=\"#\">link nr 3</a>";

 
Jeszcze jedna sprawa. Zwr uwag na zapis \"#\".
# - jest przykadow nazw pliku moesz tu wstawi np. \"cos.html\" itd.
\" - oznacza eby znak " by traktowany dosownie (do wywietlnia w kodzie html)

A teraz w sekcji body umie zapis:
<script type="text/javascript">
document.write(navi);
</script>

A tu przykadowe menu z zewntrznego pliku:

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