Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Dynamiczny formularz
Forum PHP.pl > Forum > Przedszkole
hyhyhy
Witam,
Mam coś takiego i nie potrafię ruszyć dalej, otóż po kliknięciu jeszcze jeden dostaje wprawdzie 4 inputy, ale komplenie bez spacji czy <br /> i 2 ostatnie sa duzo krotsze (na oko tak z 40). Czy ktoś mógłby mi pomóć, bo w js jestem noga?

  1. <script type="text/javascript">
  2. <!--
  3. function dodaj_element(kontener){
  4. var znacznik = document.createElement('input');
  5. var znacznik2 = document.createElement('input');
  6. var znacznik3 = document.createElement('input');
  7. var znacznik4 = document.createElement('input');
  8. znacznik.setAttribute('type', 'text');
  9. znacznik.setAttribute('name', 'tekst[]');
  10. znacznik.setAttribute('size', '80');
  11. znacznik2.setAttribute('type', 'text');
  12. znacznik2.setAttribute('name', 'odpowiedz[]');
  13. znacznik2.setAttribute('size', '60');
  14. znacznik3.setAttribute('type', 'text');
  15. znacznik2.setAttribute('name', 'odpowiedz[]');
  16. znacznik2.setAttribute('size', '60');
  17. znacznik4.setAttribute('type', 'text');
  18. znacznik2.setAttribute('name', 'odpowiedz[]');
  19. znacznik2.setAttribute('size', '60');
  20. var kontener = document.getElementById(kontener);
  21. kontener.appendChild(znacznik);
  22. kontener.appendChild(znacznik2);
  23. kontener.appendChild(znacznik3);
  24. kontener.appendChild(znacznik4);
  25. }
  26. //-->
  27.  
  28. <form enctype="multipart/form-data" action="next.php" method="post" >
  29. <br /><br />
  30. <div id="pliki">
  31. <input type="text" name="tekst[]" size="80" /><br /><br />
  32. <input type="text" name="odpowiedz[]" size="80" /><br /><br />
  33. <input type="text" name="odpowiedz[]" size="80" /><br /><br />
  34. <input type="text" name="odpowiedz[]" size="80" /><br /><br /><br /><br />
  35.  
  36.  
  37. </label>
  38. </div>
  39. <div>
  40. <input type="button" value="Jeszcze jeden" onclick="dodaj_element('pliki');" />
  41. </div>
  42.  
  43. <input type="submit" value="Dodaj!">
  44. </form>

!*!
Ponieważ dodajesz same pola input, jeśli chcesz przejsć z nimi do nowej linii, dodaj znacznik <br /> na tej samej zasadzie. LUB co będzie bardziej zgodne ze standardami ustaw display:block w css. Jeśli chodzi o szerokość to mylisz się przy dodawaniu kolejnych.

Kod
    znacznik.setAttribute('type', 'text');
    znacznik.setAttribute('name', 'tekst[]');
    znacznik.setAttribute('size', '80');
    znacznik2.setAttribute('type', 'text');
    znacznik2.setAttribute('name', 'odpowiedz[]');
    znacznik2.setAttribute('size', '60');
    znacznik3.setAttribute('type', 'text');
    znacznik3.setAttribute('name', 'odpowiedz[]');
    znacznik3.setAttribute('size', '60');
    znacznik4.setAttribute('type', 'text');
    znacznik4.setAttribute('name', 'odpowiedz[]');
    znacznik4.setAttribute('size', '60');
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.