Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] pole tekstowe, zmiana wielkości pola
stypkalukasz
post
Post #1





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 8.05.2007

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


Witam wszystkich.
Napotkałem na taki mały problemik. Prawdopodobnie będzie to pytanie banalne ale jakoś nie mogę się z tym uporać.
Mam taki kod html:
  1. <title>"Polska Piłka Nożna" - aktualizacja danych (zawodnicy)</title>
  2. </head>
  3.  
  4. <h1>"Polska Piłka Nożna" - aktualizacja danych (zawodnicy)</h1>
  5.  
  6. <form action="wstaw_zawodnika.php" method="post">
  7. <table border="0">
  8. <tr><td>pilkarz</td><td> <input type="text" name="pilkarz" maxlength="40" size="30"><br /></td></tr>
  9. <tr><td>klub</td><td> <input type="text" name="klub" maxlength="40" size="30"><br /></td></tr>
  10. <tr><td>tresc</td><td> <input type="text" name="tresc" maxlength="600" size="100"><br /></td></tr> //TO POLE CHCĘ POWIĘKSZYC
  11.  
  12. <tr><td colspan="2"><input type="submit" value="Zapisz"></td></tr>
  13. </table>
  14. </form>
  15. </body>
  16. </html>


W miejscu gdzie jest komentarz chcę aby pole tekstowe nie było podłużne tylko bardziej prostokątne z mozliwością przechodzenia do nowego wiersza za pomocą entera'a. Oraz żeby automatycznie przesuwało w dół się po wpisaniu większej ilości tresci.

Może jakiś pomysły?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Cysiaczek
post
Post #2





Grupa: Moderatorzy
Postów: 4 465
Pomógł: 137
Dołączył: 26.03.2004
Skąd: Gorzów Wlkp.




Właśnie miałem podobny problem:

Rozwiązanie to dynamicznie zmienia rows w textarea w zależności od ilości znaków końca wiersza.
  1. function byId(id) {
  2. return document.getElementById(id);
  3. }
  4.  
  5. function Enlarge_Your_Textarea(id) {
  6. obj=byId(id);
  7. rows=obj.getAttribute("rows");
  8.  
  9. regexp=/\n/ig;
  10. arr=obj.value.match(regexp);
  11.  
  12. if(arr.length !== rows) {
  13. rows=arr.length;
  14. }
  15.  
  16. obj.setAttribute("rows", rows);
  17.  
  18. }
  19.  
  20. <textarea rows="4" id="ident" onKeyUp='Enlarge_Your_Textarea(this.id);'>
  21. dsfds
  22. sdf
  23. dsf
  24. sd


Ten post edytował Cysiaczek 23.05.2007, 16:39:10
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 10.10.2025 - 07:01