Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] Dodawanie pól formularza
Forum PHP.pl > Forum > Przedszkole
Gość_tester_*
Cześć !

Mam zapewne dla wielu z Was banalny problem. Dopiero zacznynam bawić się javascriptem i nie wiem za bardzo jak sie zabrac do mojego zadania. Mianowicie, chce aby po kliknięciu dodawał się następujący fragment kodu:

  1. <BR>
  2. <tr>
  3. <td><input type="text" name="textfield" /></td>
  4. <td><input type="text" name="textfield2" /></td>
  5. <td><input type="text" name="textfield3" /></td>
  6. <td><label>
  7. <input type="button" name="add" value="+" onclick="tu ma się znajdować odwołanie do funkcji (?) która bedzie wstawiala kod" />
  8. </label></td>
  9. </tr>


Jak to zrobic smile.gif
Gość
Nic mi nie mówi ten artykuł...

Dobra poczytałem troche o DOM i wymodziłem takie coś:

  1. <script type="text/javascript">
  2. var i = 1;
  3. function dodaj(id)
  4. {
  5. var Div = document.getElementById(id);
  6. var numer = document.createElement("input");
  7. var imie = document.createElement("input");
  8. var pojazd = document.createElement("input");
  9. var etrt = document.createElement("input");
  10. var et = document.createElement("input");
  11. var br = document.createElement("br");
  12.  
  13. var divn = document.createElement("span");
  14. divn.setAttribute("class","style4");
  15. divn.innerHTML=i+'. Numer startowy: ';
  16.  
  17. var divw = document.createElement("span");
  18. divn.setAttribute("class","style4");
  19. divn.innerHTML='. Nazwisko i imię: ';
  20.  
  21. var divw = document.createElement("span");
  22. divn.setAttribute("class","style4");
  23. divn.innerHTML='. Pojazd: ';
  24.  
  25. var divw = document.createElement("span");
  26. divw.setAttribute("class","style4");
  27. divw.innerHTML='. ET+RT: ';
  28.  
  29. var divw = document.createElement("span");
  30. divn.setAttribute("class","style4");
  31. divn.innerHTML='. ET: ';
  32.  
  33. Div.appendChild(divw);
  34. numer.setAttribute("name","numer");
  35. numer.setAttribute("type","text");
  36. numer.setAttribute("size","5");
  37. numer.setAttribute("class","style4");
  38. Div.appendChild(numer);
  39. Div.appendChild(divw);
  40.  
  41. imie.setAttribute("name","imie");
  42. imie.setAttribute("type","text");
  43. imie.setAttribute("size","15");
  44. imie.setAttribute("class","style4");
  45. Div.appendChild(imie);
  46. Div.appendChild(divn);
  47.  
  48. pojazd.setAttribute("name","pojazd");
  49. pojazd.setAttribute("type","text");
  50. pojazd.setAttribute("size","15");
  51. pojazd.setAttribute("class","style4");
  52. Div.appendChild(pojazd);
  53. Div.appendChild(divn);
  54.  
  55. etrt.setAttribute("name","etrt");
  56. etrt.setAttribute("type","text");
  57. etrt.setAttribute("size","5");
  58. etrt.setAttribute("class","style4");
  59. Div.appendChild(etrt);
  60. Div.appendChild(divn);
  61.  
  62. et.setAttribute("name","et");
  63. et.setAttribute("type","text");
  64. et.setAttribute("size","5");
  65. et.setAttribute("class","style4");
  66. Div.appendChild(et);
  67. Div.appendChild(divn);
  68.  
  69. Div.appendChild(br);
  70. ++i;
  71. }


Jednak wyskakuja mi kwiatki i nie hula to dobrze....wyświetla mi wszystkie pola input ale bez poprzedających jest słów...
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.