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? (IMG:style_emoticons/default/smile.gif)
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