Wysyłanie formularza Opcje

[voot]

Witam,
Próbuję napisać funkcję w js, która wyciągnie wartości styli left, top, width i height z divów (nie wiadomo ile ich będzie i są tworzone za pomocą innego skryptu js) o nazwie klasy rectangle, a następnie prześle do pliku form.php

Mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
function nazwa(){
 
    var element = document.getElementsByClassName('rectangle');
  	var status;
 
  	var Tablica=new Array(element.length);
	for (i=0; i<element.length; i++)
	{
	 	Tablica[i]=new Array(4);
	}
 
	for (var i = 0; i < element.length; i++) { 
  		Tablica[i][0] = element[i].style.left;
  		Tablica[i][1] = element[i].style.top;
  		Tablica[i][2] = element[i].style.width;
  		Tablica[i][3] = element[i].style.height;
	}	
 
	for (var j = 0; j <= Tablica.length; j++) { 
		document.getElementById('kwadraty').innerHTML += '<input name="'+j+'" type="hidden" value="'+Tablica[j][0]+
		','+Tablica[j][1]+','+Tablica[j][2]+','+Tablica[j][3]+'">';
	}
 
	document.getElementById("kwadraty").submit();
}
[JAVASCRIPT] pobierz, plaintext 

Formularz wygląda tak:

[HTML] pobierz, plaintext 
<form id="kwadraty" action="form.php" method="post">
	<input type="button" onclick="nazwa();" value="alert" />
</form>
[HTML] pobierz, plaintext 

W takiej formie skypt nie robi nic, jednak gdy zakomentuję

[JAVASCRIPT] pobierz, plaintext 
document.getElementById("kwadraty").submit();
[JAVASCRIPT] pobierz, plaintext 

utworzy inputy w formularzu, a gdy zakomentuję tworzenie inputów, wtedy wysyła dane formularza i kieruje na stronę form.php.
Moje pytanie brzmi jak zrobić żeby działało?
Może ma ktoś jakiś lepszy sposób na przesłanie danych?

[trueblue]

A gdyby zamiast tworzenia dodatkowych pól w formularzu, utworzyć jedno pole hidden już w html i połączone współrzędne wstawić do value tego pola?


Ten post edytował trueblue 16.03.2014, 19:51:28

[voot]

Zadziałało jak zmieniłem input type="button" na input type="submit" i usunąłem z funkcji js document.getElementById("kwadraty").submit();, choć byłem pewny, że wtedy w ogóle nie wykona funkcji js.
Takie rozwiązanie działa, ale nie potrafi utworzyć nowych pól ukrytych przed wysłaniem, dlatego wykorzystałem rozwiązanie które podsunął trueblue - dzięki

Może ktoś mi wytłumaczyć, dlaczego ten skrypt js w pierwszym poście nie potrafi utworzyć pól i wysłać formularza za jednym wywołaniem funkcji?
I dlaczego przy zmianie typu pola z button na submit, js nie może utworzyć nowych pól, a zmiana vartości istniejących to już dla niego nie problem?

Ten post edytował voot 16.03.2014, 23:19:12