Checkbox Not Sending Complete Data via Post

[cesarcesar]

im using the script.aculo.us drag n drop script. i am having an issue getting a checkbox to POST its value if checked, once the row the checkbox is in is moved. I believe that once i change the position of a checkbox, it is no longer considered a child of the parent form. How can i get it back to being part of the original parent form?

Another way of saying is... If i have 10 rows with checkbox's in each row, i check rows 1,2,3,4, then move row 1 to the 3 position (2,3,1,4), then submit, the returning POST array only has 2,3,4. How do i get 1 to be in the array as well?

Interface Script

<?php /*   needed for IE   */ ?>
<div id="page">
	<div id="sale_row" class="section">
		<div id="item_1" class="lineitem" style="cursor: move;">example 1 <input type="checkbox" name="check_value[]" value="example1"></div>
		<div id="item_2" class="lineitem" style="cursor: move;">example 2 <input type="checkbox" name="check_value[]" value="example2"></div>
	</div>
</div>

<?php /*   set JS outside *page* div   */ ?>
<script type="text/javascript">
	// <![CDATA[
	sections = ['sale_row'];

	<?php /*   this watches for event changes like drag and drop action   */ ?>
	Event.observe(window,'load',init,false);
	function init() {

		<?php /*   add a sortable.create for each group level div   */ ?>
		Sortable.create('sale_row',{tag:'div', dropOnEmpty:true, containment:sections, only:'lineitem', onUpdate:updateData});
	}

	Sortable.create('page',{tag:'div',only:'section',handle:'handle'});
	// ]]>
</script>

*Javasript* that formats and sends url to ajax db update page. When chekbox vars "params" are sent this works perfectly.

function updateData() {
	var params = '';
	var sections = document.getElementsByClassName('section');
	sections.each(function(section) {
		params = Sortable.serialize(section.id);
		var ajax = new Ajax.Request(page_url,{
			method: 'post',
			parameters: params
		});
	});
}

[dzysyak]

Sorry, your question is not 100% clear to me. Why you do not want just to move <form> element to include the check boxes? script.aculo.us is based on prototype library, so probably it just serializes the form and do not includes elements that are out of the form.

Yes, that line:

params = Sortable.serialize(section.id);

so, you can just add to params something like

params = Sortable.serialize(section.id)+'&check1='+$('check1').checked;

But better just change the form element position.

[cesarcesar]

thanks for the suggestions i will try to implement them. I do not quit understand the prototype lib so well.

[cesarcesar]

params = Sortable.serialize(section.id)+'&check1='+$('check1').checked;

Did not work. In fact it broke the JS reorder.

Whats not working is, the value given to a particular rows checkbox, if check, reordered and submitted. The reordered rows checkbox value will not pass via POST. This is only an issue in Firefox.

[cesarcesar]

This guy has some good ideas about it. He is close but not right.

http://www.webdeveloper.com/forum/sh...951#post745951

[dzysyak]

There are several ways to resolve the problem. I have just suggested one of them and I have assumed that you will define id to each check box (like check1, check2, check3). And sure you can add parameters to get check boxes array in $_POST. So, just decide what is better for you.