Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][PHP]zaawansowane formularze
neo1986kk
post
Post #1





Grupa: Zarejestrowani
Postów: 561
Pomógł: 3
Dołączył: 2.02.2009

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


Witam, mam formularz :
nałóż szatę graficzną
<select name="szatagraf">
<option>ze wzoru</option>
<option>z pliku</option>
</select>

<input type="file" name="plik" />



chciałbym uzyskać coś takiego:
Jeśli szata ma być ze wzoru to input jest nieaktywny, jeśli szata ma być z pliku to pole input się uaktywnia i można dodać plik, najlepiej
by było gdyby był ukryty a po kliknięciu "z pliku" się pokazywał.
Domyslam się że będzie to js ale nie mam pojęcia jak to zrobić z selectem.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


Jeżeli wiesz jak napisać funkcję która pokaże tego inputa to podepnij sobie ją pod zdarzenie onChange. Czyli w onChange odwołujesz się do tej funkcji a w niej sprawdzasz jakie jest value z selecta i na tej podstawie pokazujesz lub ukrywasz tego inputa.


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
neo1986kk
post
Post #3





Grupa: Zarejestrowani
Postów: 561
Pomógł: 3
Dołączył: 2.02.2009

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


Napisałem coś takiego:
  1. <script language=JavaScript>
  2. <!--
  3. function check(){
  4. if(document.test.checker.value==1){
  5. this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked;
  6. } else alert('wybrano szatę ze wzoru');
  7. }
  8. //-->
  9. </script>
  10. <form name='test'><br>
  11. <select name=checker onChange=check()><br>
  12. <option value=1>Z PLIKU<br>
  13. <option value=2>ZE WZORU<br>
  14. </select></td></tr>
  15.  
  16.  
  17. <input type="text" name="nazwa2" disabled="disabled" />
  18. <input type="text" name="nazwa3" disabled="disabled" />
  19. </form>
  20.  
  21.  


I problem w tym że to niestety nie działa. To znaczy, że nie uaktywnia pól. Pomóżcie
Go to the top of the page
+Quote Post
askone
post
Post #4





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Hej

Aby zadziałało musisz usunąć właściwość "disabled" samo ustawienie jej na false nie skutkuje odblokowaniem inputu...

Pozdrawiam


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
Go to the top of the page
+Quote Post
neo1986kk
post
Post #5





Grupa: Zarejestrowani
Postów: 561
Pomógł: 3
Dołączył: 2.02.2009

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


<input type="checkbox" name="nazwa" value="wartość" onclick="this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled = !this.checked" />
<input type="text" name="nazwa2" disabled="disabled" />
<input type="text" name="nazwa3" disabled="disabled" />

ale w takim razie to by też nie działało. A to działa.smile.gif
Go to the top of the page
+Quote Post
askone
post
Post #6





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

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


Fakt - zgadza się.

Nie zwróciłem uwagi na konsolę js... Wyrzuca błąd "this.form is undefined" smile.gif Zrób tak:

Kod
<script language=JavaScript>
<!--
function check(){
  if(document.test.checker.value==1)
{
   document.getElementById("nazwa2").disabled = document.getElementById("nazwa3").disabled = !document.getElementById("checker").value;
  }
else alert('wybrano szatę ze wzoru');
}
//-->
</script>
<form name='test'>

<select id="checker" name=checker onChange=check()>

<option value=1>Z PLIKU

<option value=2>ZE WZORU

</select></td></tr>


<input type="text" id="nazwa2" name="nazwa2" disabled="disabled" />
<input type="text" id="nazwa3" name="nazwa3" disabled="disabled" />
</form>


--------------------
Kliknij jeśli moja odpowiedź Ci pomogła.
askone.pl
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 Aktualny czas: 19.08.2025 - 19:51