Forum PHP.pl > [AJAX][JavaScript][HTML] Znikające pola formularza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX][JavaScript][HTML] Znikające pola formularza

Lethys

5.09.2011, 15:50:13

Witam,

Korzystam z jQuery, chcę stworzyć coś na wzór zaawansowanych opcji, do których formularz się pojawia w momencie kliknięcia na napis "Zaawansowane opcje". Wszystko działa do czasu kiedy zamiast zwykłego tekstu maja się pojawić pola formularzy.

Kod wygląda tak:

[PHP] pobierz, plaintext 
<?php
include "header.php";
?> 
 
<html>
<head>
</head>
<body>
  <div id="zaawansowane">Więcej opcji wpisu</div>
 
					<p id="opcje" style="display:none;">
								<li><label for="name">Data</label><input name="datapicker" type="text" id="datepicker" maxlength="10" value="<?php print "$data_dzisiejsza"; ?>"/></li>
								<li><label for="name">Czas</label><input name="czas" type="text" maxlength="10"/></li>
								<li><label for="opis">Wnioski</label><textarea name="opis" cols="30" rows="3" maxlength="255"></textarea></li>
					</p>
<script>
    $("#zaawansowane").click(function () {
      $("#opcje").slideToggle("slow");
    });
</script>
 
</body>
</html>
[PHP] pobierz, plaintext

Jeżeli w <p id="opcje" style="display:none;"> wstawimy zwykły tekst, skrypt działa tak jak powinien. Z formularzem niestety nie działa, już na wstepie jest widoczny na stronie, a jak klikne "zaa.." to pole za polami formularza się przesuwa i tyle.

drozdii07

5.09.2011, 16:45:25

Zmień

[HTML] pobierz, plaintext 
<p id="opcje"></p>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<div id="opcje"></div>
[HTML] pobierz, plaintext

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.