Dynamiczne dodawanie formularza, problem z klasą Opcje

[Jarod]

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:

Kod

<input class="dimentions_length_input" type="text" name="iLength" value="" maxlength="4" />
<input class="dimentions_width_input" type="text" name="iWidth" value="" maxlength="4" />

a potrzebuję coś takiego:

Kod

<p class="dimentions_length_input"><input type="text" name="iLength" value="" maxlength="4" /></p>
<p class="dimentions_width_input"><input type="text" name="iWidth" value="" maxlength="4" /></p>

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

[nowotny]

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 

Ten post edytował nowotny 5.02.2008, 20:49:22

[Jarod]

Wogóle nie działa..

[nowotny]

Wogóle nie działa..

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

[Jarod]

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

Ten post edytował Jarod 5.02.2008, 21:08:31

[nowotny]

Skoro najpierw tworzysz element <p> i dodajesz go, następnie dodajesz inputa, to dlaczego nie zamykasz elementu </p> ?

Bo Javascript robi to za mnie...

Chciałbym mieć pewność, że input rzeczywiście zostaje utworzony pomiędzy znacznikami <p></p>

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