Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: INPUT TEXTAREA <<<<< walidacja
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
magier123
Witam!
Nie mam bladego pojecia o javie wiec pytam....
Jak w zwyklym formularzu zrobic tak zeby dopiero po wpisaniu w zwyklym polu input mozna bylo wpisac cos do texarea??
Po prostu po uzupelnieniu input odblokowac textarea.... Dzieki z gory za pomoc
tommy4
  1. <input id="ftext" (...) onkeyup="if(this.value.length > 0) { document.getElementById('farea').disabled = false; } else { document.getElementById('farea').disabled = true; }" /><textarea id="farea" disabled="disabled" (...)></textarea>


Kod niesprawdzany. winksmiley.jpg Ale idź w tym kierunku.

zamiast (...) wstaw resztę argumentów ;o
magier123
Ok wielkie dzieki wsyztsko dziala..... jeszcze jedno male pytanko.... zeby to zrobic ladniejsze.... co wpisac zeby kiedy pole jest nieaktywne bylo np szare a jak jest aktywne zeby bylo biale?
jjkk
tommy4: przeciez magier123 chcial w javie a nie w javascrypice rozwiazanie:p

magier123: podstawy css...

  1. <style type="text/css">
  2.  
  3. input:hover {background: yellow;}
  4. input:focus {background: #FF99FF;}
  5. input:focus:hover {background: #99FF99;}
  6.  
magier123
YYY albo cos nie tak robie albo cos tu nie dziala.... poza tym cos takiego da sie zrobi chyba w JAVASCRIPT??

Poza tycm chcialbym zeby kolor zmienial sie nie po nacisnieciu pola textarea ale po wypelnieniu pola input.....

Czyli--- pole input puste--textarea szare --- pole input wypelnione---textarea biale




jjkk: bez przesady... podstawy css znam
jjkk
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html">
  4. <script type="text/javascript">
  5. var f;
  6. window.onload = function() {
  7. f = document.forms['f'];
  8. f.onkeyup = odblokuj;
  9. }
  10. function odblokuj() {
  11. if(f.i.value.length > 0)
  12. f.t.removeAttribute('disabled');
  13. }
  14. </head>
  15.  
  16. <form name="f">
  17. <input type="text" name="i" value=""><br />
  18. <textarea name="t" disabled="disabled"></textarea>
  19. </form>
  20.  
  21. </body>
  22. </html>
magier123
questionmark.gifquestionmark.gifquestionmark.gifquestionmark.gifquestionmark.gif?

Podales mi prawie to samo co tommy4.... gdzie tu jest zmiana kolorow?? To ze firefox zaciemnia nieaktywne pole nie oznacza ze kolor pola sie zmienia... IE np tego nie robi....questionmark.gif? nie rozumie do czego zmierzasz
tommy4
  1. <script type="text/javascript">
  2. function make_change(th, col1, col2)
  3. {
  4. var textarea = document.getElementById('farea');
  5. if(th.value.length > 0)
  6. {
  7. textarea.disabled = false;
  8. textarea.style.backgroundColor = col1;
  9. }
  10. else
  11. {
  12. textarea.disabled = true;
  13. textarea.style.backgroundColor = col2;
  14. }
  15. }
  16. <input id="ftext" onkeyup="make_change(this, '#FF0000', '#FFFFFF');" /><textarea id="farea" disabled="disabled" style="background-color: #ffffff;"></textarea>
magier123
DOKLADNIE o to chodzilo biggrin.gif Wielkie dzieki........ jestes gosc...
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.