Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML][CSS]Pole w formularzu wyświetlające się dopiero po wypełnieniu wcześniejszego pola?
szymek001
post 26.03.2012, 20:01:23
Post #1





Grupa: Zarejestrowani
Postów: 135
Pomógł: 0
Dołączył: 21.09.2005

Ostrzeżenie: (10%)
X----


Witam, potrzebuje zrobić kilka pól tekstowych, jednak domyślnie ma wyświetlać się tylko jedno pole. Jeśli użytkownik wypełni pierwsze pole formularza - ma się wyświetlić kolejne.
Chciałbym się dowiedzieć, czy jest to wykonalne z poziomu samego html i css, czy będzie potrzebne do tego użycie dodatkowego kodu JavaScript/AJAX? Szukałem wiele na ten temat, jednak nic nie znalazłem.
Pole wygląda standardowo:
  1. <input type="text" name="nazwa" />



Znalazłem natomiast rozwiązanie pozwalające na pojawienie się dodatkowego pola tekstowego po zaznaczeniu po zaznaczeniu fajką pola wyboru:
  1. <input type="checkbox" name="nazwa" value="wartość" onclick="document.getElementById('identyfikator').style.display = this.checked ? 'block' : 'none'; this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" />
  2. <div id="identyfikator" style="display: none">
  3. <input type="text" name="nazwa2" disabled="disabled" />
  4. <input type="text" name="nazwa3" disabled="disabled" />
  5. </div>


Czy jest możliwość zrobienia czegoś podobnego z polem tekstowym?

Pozdrawiam
Go to the top of the page
+Quote Post
Niktoś
post 26.03.2012, 20:09:51
Post #2





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


Zainteresuj się appendChild() w js.
Go to the top of the page
+Quote Post
lobopol
post 26.03.2012, 20:10:52
Post #3





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


Za pomocą html i css dałoby radę, ale rozwiązanie działało by tylko i wyłącznie w najnowszych przeglądarkach i byłoby bardzo trudne do napisania (o ile dobrze pamiętam część znaczników z css3). Za pomocą javascriptu jest to wykonalne np. zdarzenie onkeypres w danym polu jeżeli spełnia warunek odblokowujesz pole, jeżeli nie blokujesz/zostawiasz zablokowane.


--------------------
Go to the top of the page
+Quote Post
szymek001
post 26.03.2012, 23:32:35
Post #4





Grupa: Zarejestrowani
Postów: 135
Pomógł: 0
Dołączył: 21.09.2005

Ostrzeżenie: (10%)
X----


dziękuję, znalazłem coś ciekawego: http://www.koderguru.com/tutorials/javascr...miccontrols.php
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 29.06.2025 - 22:01