Pole rozwijane

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
wichz
Posty: 11
Rejestracja: czw gru 09, 2004 9:44 pm
Lokalizacja: Wola Mielecka
Kontakt:

Pole rozwijane

Post autor: wichz »

Witam serdecznie.
Chcialbym zrobic cos takiego: na stronie umiszczam pole typu

<select name=xxx>
<option value=1>1
<option value=2>2
</select>

Chcialbym, aby po wybraniu np. opcji 1
strona przechodzila pod podany tekst na stronie
. Jak zrobic cos takiego? :oops:

Z gory dzieki wielkie za pomoc.
yarpo
Nowy
Nowy
Posty: 168
Rejestracja: wt lut 08, 2005 6:29 pm
Lokalizacja: Gdańsk
Kontakt:

Re: Pole rozwijane

Post autor: yarpo »

Może w ten sposób:

Kod: Zaznacz cały

<html>
<head>
<script> 

function go(){
 with(document.jar.lista) {
   if (options[selectedIndex].value != "stop") {
     location = options[selectedIndex].value
   }
 }
}

</script>
</head>
<body>

<form name="jar">
<select name="lista" size=1 OnChange="go()">
<option value=stop>Gdze iść</option>
<option value="#kotwica">link1</option>
<option value="#kotowica2">link2</option>
<option value="http://www.strona.pl/index.htm#miejsce">link3</option>
</select>
</form>

A miejsce do którego ma się odwołać zaznaczyć w ten sposób <a name="kotwica">Tekst</a>

</body>
</html>
Aby rezultat był widoczny, musisz mieć więcej textu. Przy tak małej ilości tekstu nie będzie żadnych zmian - skopiuj ten text razy 30, aby było kilka stron do przesunięcia, a potem daj kotwicę na samym dole.

PS. Podonbne skrypty możesz znaleźc na stronie http://webmaster.helion.pl/kurshtml/skrypt/skrypt.htm
ODPOWIEDZ