[JavaScript]Dynamiczny formularz Opcje

[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?

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!--
function dodaj_element(kontener){
	var znacznik = document.createElement('input');
	var znacznik2 = document.createElement('input');
	var znacznik3 = document.createElement('input');
	var znacznik4 = document.createElement('input');
	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');
	znacznik2.setAttribute('name', 'odpowiedz[]');
	znacznik2.setAttribute('size', '60');
	znacznik4.setAttribute('type', 'text');
	znacznik2.setAttribute('name', 'odpowiedz[]');
	znacznik2.setAttribute('size', '60');
	var kontener = document.getElementById(kontener);
	kontener.appendChild(znacznik);
	kontener.appendChild(znacznik2);
	kontener.appendChild(znacznik3);
	kontener.appendChild(znacznik4);
}
//-->
</script>
 
<form enctype="multipart/form-data" action="next.php" method="post" >
<br /><br />
  <div id="pliki">
        <input type="text" name="tekst[]" size="80" /><br /><br />
	<input type="text" name="odpowiedz[]" size="80" /><br /><br />
	<input type="text" name="odpowiedz[]" size="80" /><br /><br />
	<input type="text" name="odpowiedz[]" size="80" /><br /><br /><br /><br />
 
    <label>
 
    </label>
  </div>
	<div>
		<input type="button" value="Jeszcze jeden" onclick="dodaj_element('pliki');" />
	</div>
 
<input type="submit" value="Dodaj!">
</form>
[HTML] pobierz, plaintext 

[!*!]

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');

Ten post edytował !*! 15.03.2011, 19:32:26