Forum PHP.pl > [JS] Ukrywanie i odkrywanie elementów formularza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] Ukrywanie i odkrywanie elementów formularza

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

mike

18.12.2004, 17:55:46

Napisałem na forum już kilka postów i wiem, ci którzy szukają gotowców nie są mile widziani, lecz nie znam w ogóle JavaScript'u a potrzebuję go użyć, więc proszę o pomoc.

A oto problem :
Mam taki formularz :

[HTML] pobierz, plaintext 
<form>
  <select name="ceny">
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
  <br>
  <input type="text" name="cena_1"><input type="text" name="opis_ceny_1">
  <input type="text" name="cena_2"><input type="text" name="opis_ceny_2">
  <br>
  <input type="submit" name="submit value="WYŚLIJ">
</form>
[HTML] pobierz, plaintext

I teraz prośba :
Potrzrebuję funkcji ( i przykładu jak jej użyć ), która po wybraniu opcji 1 ukryje dwa pola formularza ( cana_2, opis_ceny_2 ) a po wybraniu opcji 2 odkryje wspomniane wyżej pola. Ostatecznie może byc ich zablokowanie, czyli nie będzie sią dało nic wpisać ale będą widoczne.

Prosze bardzo o gotowca.

Paul

19.12.2004, 01:10:02

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
function pokaz(obj) {
	document.getElementById(obj).style.display = '';
}
function ukryj(obj) {
	document.getElementById(obj).style.display = 'none';
}
</script>
</head>
<body>
<form>
<select name="ceny" onchange="if(this.selectedIndex == 0) { pokaz('cena_1');pokaz('opis_ceny_1');ukryj('cena_2');ukryj('opis_ceny_2'); } else { ukryj('cena_1');ukryj('opis_ceny_1');pokaz('cena_2');pokaz('opis_ceny_2'); }">
<option value="1">1</option>
<option value="2">2</option>
</select>
<br>
<input type="text" name="cena_1" id="cena_1"><input type="text" name="opis_ceny_1" id="opis_ceny_1">
<input type="text" name="cena_2" id="cena_2" style="display:none;"><input type="text" name="opis_ceny_2" id="opis_ceny_2" style="display:none;">
<br>
<input type="submit" name="submit" value="WYŚLIJ">
</form>
</body>
</html>
[HTML] pobierz, plaintext

mike

19.12.2004, 09:46:42

1.
Wielkie dzięki Paul
Ach, szkoda, że pomógł zniknęło dodałbym Ci z 10.
2.
Chodziło mi o efekt: Jak jest zaznaczona jedynka to mam jeden komplet cena-opis, jak dwójka to dwa komplety cena-opis. Ale w łatwy sposób sobie z tym poradziłem.
3.
@Paul czy możesz mi polecić jakiś dobry ( naprawdę dobry ) kurs JavaScript'u. Czyli obsługa i znaczenie akcji takich jak onClick, onChange i.t.d. oraz przykłady zastsowania ich na formularzach. Bo właśnie formularze i ich obsługa interesują mnie najbardziej. Składnię i podstawy można sobie podarować, bo informacji na ten temat jest pełno, ale nie mogę znaleźć listy obiektów i ich metod wraz z opisami, a to jest najważniejsze. Nie pytam oczywiście

o nielegalne e-book'i.

Dzięki z góry za wszystko.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.