Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Formularz
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Kas
28.06.2005, 19:55:16
Robię newsletter w php. I chciałbym aby pole do wpisania adres mail było zablokowane do czasu zaznaczenia pola "Akceptuję regulamin". Po kliknięciu na to pole tekstowe ma być natychmiast odblokowane.
Jak to zrobić? sad.gif
crash
28.06.2005, 20:16:31 
[HTML] pobierz, plaintext 
  1. <form name="test" ...>
  2. <input type="text" disabled name="pole"/>
  3. <input type="checkbox" onclick="window.test.pole.disabled = false;"/>
  4. </form>
[HTML] pobierz, plaintext
Kas
28.06.2005, 20:26:06
Coś działać nie chce.

[HTML] pobierz, plaintext 
  1. <form action="zapisz.php" method="post" name="newsletter">
  2. <center>
  3. <input type="text" name="adres" size="12" disabled>
  4. <br>
  5. <br>
  6. <input type="checkbox" onclick="window.newsletter.adres.disabled = false;">Akceptuję <a href="index.php?strona=new_reg">regulami</a>
  7.  
  8. <br>
  9. <br>
  10.  
  11. <input type="submit" name="send" value="Zapisz" class="glosuj">
  12.  
  13. </center>
  14. </form>
[HTML] pobierz, plaintext
crash
28.06.2005, 20:31:25
A u mnie to działa (Opera)...
Kas
28.06.2005, 20:39:58
U mnie nie działa (Mozilla Firefox 1.0.4).
I nie wiem w czym jest błąd.

Pole tekstowe jest zablokowane (tak jak trzeba).
Pole do zaznaczenia też jest poprawnie.
Ale po wybraniu opcji "Akceptuję regulamin" nic się nie zmienia. mad.gif
Help!
NoiseMc
28.06.2005, 21:23:15 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" language="javascript">
  4. function wlaczAdres ()
  5. {
  6.     if ( document.getElementById ( 'Regulamin' ).checked )
  7. 	{
  8. 		document.getElementById ( 'Adres' ).disabled = false;
  9. 	}
  10. 	else
  11. 	{
  12. 		document.getElementById ( 'Adres' ).disabled = true;
  13. 	}
  14. }
  15. </script>
  16. </head>
  17.  
  18. <body>
  19. <form action="zapisz.php" method="post">
  20.  
  21. Adres: 
  22. <input type="text" name="Adres" id="Adres" size="12" disabled> <br>
  23.  
  24. Akceptuję <a href="index.php?strona=new_reg">regulamin</a>: 
  25. <input type="checkbox" name="Regulamin" id="Regulamin" onClick="wlaczAdres ();"> <br>
  26.  
  27. <input type="submit" value="Zapisz">
  28. </form>
  29. </body>
  30. </html>
[HTML] pobierz, plaintext


Działa pod FF i pod IE
Kas
28.06.2005, 21:43:16
Spokojnie - chyba nie trzeba tyle. Wystarczyło zmienić jedną rzecz...

[HTML] pobierz, plaintext 
  1. <form action="zapisz.php" method="post" name="newsletter">
  2. <center>
  3. <input type="text" name="adres" size="12" disabled value="Twój mail">
  4. <br>
  5. <br>
  6. <input type="checkbox" onclick="newsletter.adres.disabled = false;">&nbsp;Akceptuję <a href="index.php?strona=new_reg" class="menu">regulamin</a>
  7.  
  8. <br>
  9. <br>
  10.  
  11. <input type="submit" name="send" value="Zapisz" class="glosuj">
  12.  
  13. </center>
  14. </form>
[HTML] pobierz, plaintext


Ale jak zrobić teraz aby po zaznaczeniu i odznczeniu opcji "Akceptuję regulamin" pole było znów nie aktywne?
Jaka funkcja javy jest za to odpowiedzialna (za odznaczenie)?
revyag
29.06.2005, 08:46:47
Kod
function c(check) {
    if(check.checked==true) {
        document.newsletter.adres.disabled="";
    } else {
        document.newsletter.adres.disabled="disabled";
    }
}

[HTML] pobierz, plaintext 
  1. <input type="text" name="adres" size="12" disabled="disabled" value="Twój mail" /><br /><br />
  2. <input type="checkbox" onclick="c(this)" />
[HTML] pobierz, plaintext
Kas
29.06.2005, 09:08:05
Ehhhh...
A nie da się prościej?
Ja chciałem to zrobić np. tak.

[HTML] pobierz, plaintext 
  1. <input type="checkbox" onchange="newsletter.adres.disabled = false;" onblur="newsletter.adres.disabled = true;" class="wybor">&nbsp;Akceptuję <a href="index.php?strona=new_reg" class="menu">regulamin</a>
[HTML] pobierz, plaintext


Ale to (niestety) nie działa.
Czy ktoś umie to zrobić z użyciem onclick, onblur, onfocus oraz onchange?
Byłbym bardzo wdzięczny, bo sam testowałem i raczej mi nie wychodzi.
Błagam o pomoc!
revyag
29.06.2005, 09:27:50
No można prościej smile.gif
[HTML] pobierz, plaintext 
  1. <input type="checkbox" onclick="(this.checked==true)? document.newsletter.adres.disabled='':document.newsletter.adres.disabled='disabled'">
[HTML] pobierz, plaintext
Kas
29.06.2005, 09:41:54
Działa.
Revyag jesteś wielki. Dziękuję! smile.gif

Wytłumacz mi tylko proszę jak to działa, bo java script nie jest moją specjalnością.
revyag
29.06.2005, 09:54:27
Kod
(this.checked==true)? document.newsletter.adres.disabled='':document.newsletter.adres.disabled='disabled'

Jeśli warunek (this.checked==true) jest spełniony, to wykonywana jest operacja po znaku zapytania, w przeciwnym wypadku wykonywna jest operacja po dwukropku.
Ten zapis jest równoważny temu:
Kod
if(this.checked==true) {
document.newsletter.adres.disabled=''
} else {
    document.newsletter.adres.disabled='disabled'
}
Kas
29.06.2005, 09:55:39
Rozumiem. Jeszcze raz dziękuję. biggrin.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.