Kiedy jeszcze nie znałem PHP musiałem kombinować, aby moja witryna była dynamiczna. W ten sposób nauczyłem się robić menu w JS oraz rotator bannerów. Zapraszam do lektury.
Teraz co będzie Ci potrzebne do jego stworzenia:
index.html [lub .php – tu będą widoczne banery]rotator.js [plik skryptu javascript, w nim będzie cały silnik]
W indexie wklejamy to:
| <script language=”JavaScript” src=”sciezka/do/pliku/rotator.js”></script> |
W rotatorze piszemy to:
| img = new Array(2); img[0] = „<a href=neo.g3.pl/tolkien> <img src= neo.g3.pl/bannery/tolkien.jpg alt=’J.R.R. Tolkien’ width=400 height=50 border=0></a>”; img[1] = „<a href=neo.g3.pl><img src=neo.g3.pl/bannery/nao_baner.jpg alt = 'niekomercyjny portal’ width=400 height=50 border=0></a>”; index = Math.floor(Math.random() * img.length); |
OBJAŚNIENIE:
img = new Array – tworzy tabelę, w nawiasie iczba elementów
img[0] = „…” – twórzy nowy element o identyfikatorze 0, między cudzysłowami nie używamy
cudzysłowów podwójnych lecz pojedyncze – ’
index = Math.floor(Math.random() * img.length); – losowo wybiera
document.write( img[index] ); jeden z elementów
Zastosowania:
Skrypt można skofigurować, aby losowo wybierał jakiś cytat lub tym podobne [zamista img
piszemy w tedy text lub zdanie [jak chcemy]], a między cudzysłowami odpowiedni kod html
Niestety skrypt nie ma funkcji statystyki kliknięć, ani odsłon [tak jak rotator w php].
Ale do stron htmlowych pasuje jak ulał. Skrypt jest łatwy do obsługi, więc nie powinien
chyba robić problemów.
