23 stycznia 2011

29. Lista rozwijalna

Zaprezentuje wam fajny skrypt na listę rozwijaną, który posłuży nam do gromadzenia różnych linków w jedną rozwijalną listę.
W takiej liście możemy umieścić swoje ulubione strony lub w przypadku portalu chomikuj.pl ulubione przez nas chomiki lub top listy na, których jesteśmy zarejestrowani. Kod html takiej listy umieszczamy w głównym opisie html swojego chomika. 

Najpierw zobacz przykład takiej listy. Z jakiś przyczyn lista nie chce działać na tym blogu. 


Jest to najprostsza wersja listy, do której możemy dodawać nie ograniczoną ilość chomików lub stron www.
<script type="text/javascript"><!--function zmieoStronę(){var lista = document.getElementById('lista');if(!lista) return;var link = lista[lista.selectedIndex].value; if(link)location.href = link;}// -->
</script>
<div id="mainDiv">
<select id="lista" size="1">
<option>Wybierz stronę </option>
<option value="http://chomikuj.pl/?page=244123">Chomikuj.pl</option>
<option value="http://chomikuj.pl/?page=333172">CzekoladowyBaron</option>
<option value="http://chomikuj.pl/?page=333175">adam-as</option>
<option value="http://freetransfery.toplista.pl/?we=czekoladowy">Freetransfer</option>
<option value="http://toplistamotyla.najlepsze.net/?we=czekoladowy">Toplistamotyl</option>
<option value="http://baronowatoplista.najlepsze.net">ToplistaBaron</option>
<option value="http://chomikuj.pl/?page=244123">Chomikuj.p</option>
</select>
<input onclick="zmieoStronę();" value="Wejdź"
 type="button"></div>
Konfiguracja skryptu na własny użytek:

Linie od 01 do 04 
Te linie pozostawiamy bez zmian.

Linia 05 
<option>Wybierz stronę </option>
Tekst widoczny jest domyślnie w polu wyboru gdy nie wybraliśmy żadnej ze stron. Możemy podmienić tekst (wybierz stronę) na taki, który bardziej nam pasuje. 

Linie od 06 do 12 
<option value="adres url do strony">nazwa strony</option>
Jak się pewnie domyślacie ta linijka kodu służy do dodawania kolejnych opcji wyboru do listy.
W miejsce adres url strony wklej prawidłowy link do strony lub chomika.
W miejsce nazwa strony wpisz nazwę jaka będzie widniała w rozwijanej liście.  

Bardziej dopracowaną listę pod względem wyglądu możesz pobrać możesz stąd.  

1 komentarze:

KruchyFix pisze...

Świetnie wodzu.

Całkiem ciekawe jak nie ma się miejsca w opisie a chce dodać masę linków ;)

Prześlij komentarz

Komentarze z obraźliwymi słowami nie będę zatwierdzane. Nie klnij i nie podawaj samych linków. Te na pewno nie będą zatwierdzane.