Domyślne mój formularz zawiera 2 pola input, które rozłożone są obok siebie.
Zastosowałem poniższy skrypt, aby dodawać kolejne wiersze z inputami.
Problem w tym, że ten skrypt, generuje coś takiego:


a potrzebuję coś takiego:


Funkcja JS:

[HTML] pobierz, plaintext 
function addInputs(id)
 {
 	var element = document.createElement('input');
	element.setAttribute('type', 'text');
	element.setAttribute('name', 'iLength');
	element.setAttribute('maxlength', '4');
	element.className = 'dimentions_length_input';
	var container = document.getElementById(id);
	container.appendChild(element);
 
 	var element = document.createElement('input');
	element.setAttribute('type', 'text');
	element.setAttribute('name', 'iWidth');
	element.setAttribute('maxlength', '4');
	element.className = 'dimentions_width_input';
	var container = document.getElementById(id);
	container.appendChild(element);
 }
[HTML] pobierz, plaintext 

Raczkuję dopiero w JS i nie wiem czy jest coś takiego możliwe? Próbowałem przed element.setAttribute('type', 'text'); wywoływać coś ala
element.= '<p class="dimentions_length_input">';
ale oczywiście nie działa.

Ktoś pomoże?

Pozdrawiam

Zobacz czy coś takiego będzie działać:

[HTML] pobierz, plaintext 
function addInputs(id)
 {
 	var container = document.getElementById(id);
	 for(var i=0;i<2;i++){
 
		var par = document.createElement('p');
		par.className = 'dimentions_length_input';
		container.appendChild(par);
 
		var element = document.createElement('input');
		element.setAttribute('type', 'text');
		element.setAttribute('name', 'iLength');
		element.setAttribute('maxlength', '4');
		par.appendChild(element);
	} 
 
 }
[HTML] pobierz, plaintext 

Wogóle nie działa..

3 edity były więc teraz sprawdź...

Dziękuje.

Edit: W jaki sposób wyświetlić na ekranie zawartość "element"? Przez alert nie działa bo to obiekt?
Pytam się ponieważ mi coś nie pasuje.
Skoro najpierw tworzysz element <p> i dodajesz go, następnie dodajesz inputa, to dlaczego nie zamykasz elementu </p> ?
Chciałbym mieć pewność, że input rzeczywiście zostaje utworzony pomiędzy znacznikami <p></p>

pzdr

Bo Javascript robi to za mnie...



Sprawdź sobie jakimś DOM inspectorem...
http://img216.imageshack.us/img216/329/2008020500uc9.png