can some one look at this please

[atferraz]

This code is meant to pull some data rows from a child page in an iframe to an equal number of sets of hidden elements in the parent. The goal is to submit both parent and child fields. In the process the sets of hidden elements are created on the parent.(same number as active rows)
My problem is that only the last row gets there. It seams that each row is copy into the same set of hidden elements.

Thanks

function getIframeData(formObj, iframeID) 
{
    	var iframeObj 	= document.getElementById(iframeID);
	var index 	= document.docsPagar.document.getElementById("index").value;// gets the number of rows to test

	var newindex = 0 						// gets the active number of rows
	var data; 							// data temp
	var tDoc; 		
	var nDoc; 		
	var descri; 		
	var valorDoc; 	
	var saldoc; 		
	var checkBox; 	
	var valorPagar; 	
	
	var hiddenInputindex 		= document.createElement("input");		
// shouldn't be enough only one??	
// if not then the problem must be here, because this set is reused in all cycles
	var hiddenInputData 		= document.createElement("input");
	var hiddenInputTdoc 		= document.createElement("input");
	var hiddenInputNdoc 		= document.createElement("input");
	var hiddenInputDescri 		= document.createElement("input");
	var hiddenInputValorDoc 		= document.createElement("input");
	var hiddenInputSaldoc 		= document.createElement("input");
	var hiddenInputCheckBox 	= document.createElement("input");
	var hiddenInputValorPagar 	= document.createElement("input");
	
	for(var i=0; i < parseInt(index); i++)							
	{																			
		if(document.docsPagar.document.getElementById("checkBox_"+i).checked)	// filter for active row
		{

			data 		= document.docsPagar.document.getElementById("data_"+i).innerText;	
// get the active row		
			tDoc 		= document.docsPagar.document.getElementById("tDoc_"+i).innerText;
			nDoc 		= document.docsPagar.document.getElementById("nDoc_"+i+"").innerText;
			descri 		= document.docsPagar.document.getElementById("descri_"+i).innerText;
			valorDoc 	= document.docsPagar.document.getElementById("valorDoc_"+i).innerText;
			saldoc 		= document.docsPagar.document.getElementById("saldoc_"+i).innerText;
			//checkBox 	= document.docsPagar.document.getElementById("checkBox_"+i).checked;
			valorPagar 	= document.docsPagar.document.getElementById("valorPagar_"+i).value;

			// all ok 
			alert(""+i+"\n data: "+data+"\n tDoc: "+tDoc+"\n nDoc: "+nDoc+"\n descri: "+descri+"\n valorDoc: "+valorDoc+"\n saldoc: "+saldoc+"\n checkBox: "+checkBox+"\n valorPagar: "+valorPagar);

			hiddenInputData.setAttribute("type", "hidden");				
			hiddenInputData.setAttribute("id", "data_"+newindex);			
			hiddenInputData.setAttribute("name", "data_"+newindex);
			hiddenInputData.setAttribute("value", data);				
			if(!document.getElementById("data_"+newindex))	
// the ids and names are defferent
				formObj.appendChild(hiddenInputData);
			else
				formObj.replaceChild(hiddenInputData, document.getElementById("data_"+newindex))
			
			hiddenInputTdoc.setAttribute("type", "hidden");
			hiddenInputTdoc.setAttribute("id", "tDoc_"+newindex);
			hiddenInputTdoc.setAttribute("name", "tDoc_"+newindex);
			hiddenInputTdoc.setAttribute("value", tDoc);
			if(!document.getElementById("tDoc_"+newindex))
				formObj.appendChild(hiddenInputTdoc);
			else
				formObj.replaceChild(hiddenInputTdoc, document.getElementById("tDoc_"+newindex))
			
			hiddenInputNdoc.setAttribute("type", "hidden");
			hiddenInputNdoc.setAttribute("id", "nDoc_"+newindex);
			hiddenInputNdoc.setAttribute("name", "nDoc_"+newindex);
			hiddenInputNdoc.setAttribute("value", nDoc);
			if(!document.getElementById("nDoc_"+newindex))
				formObj.appendChild(hiddenInputNdoc);
			else
				formObj.replaceChild(hiddenInputNdoc, document.getElementById("nDoc_"+newindex))
			
			hiddenInputDescri.setAttribute("type", "hidden");
			hiddenInputDescri.setAttribute("id", "descri_"+newindex);
			hiddenInputDescri.setAttribute("name", "descri_"+newindex);
			hiddenInputDescri.setAttribute("value", descri);
			if(!document.getElementById("descri_"+newindex))
				formObj.appendChild(hiddenInputDescri);
			else
				formObj.replaceChild(hiddenInputDescri, document.getElementById("descri_"+newindex))
			
			hiddenInputValorDoc.setAttribute("type", "hidden");
			hiddenInputValorDoc.setAttribute("id", "valorDoc_"+newindex);
			hiddenInputValorDoc.setAttribute("name", "valorDoc_"+newindex);
			hiddenInputValorDoc.setAttribute("value", valorDoc);
			if(!document.getElementById("valorDoc_"+newindex))
				formObj.appendChild(hiddenInputValorDoc);
			else
				formObj.replaceChild(hiddenInputValorDoc, document.getElementById("valorDoc_"+newindex))
			
			hiddenInputSaldoc.setAttribute("type", "hidden");
			hiddenInputSaldoc.setAttribute("id", "saldoc_"+newindex);
			hiddenInputSaldoc.setAttribute("name", "saldoc_"+newindex);
			hiddenInputSaldoc.setAttribute("value", saldoc);
			if(!document.getElementById("saldoc_"+newindex))
				formObj.appendChild(hiddenInputSaldoc);
			else
				formObj.replaceChild(hiddenInputSaldoc, document.getElementById("saldoc_"+newindex))

			hiddenInputValorPagar.setAttribute("type", "hidden");
			hiddenInputValorPagar.setAttribute("id", "valorPagar_"+newindex);
			hiddenInputValorPagar.setAttribute("name", "valorPagar_"+newindex);
			hiddenInputValorPagar.setAttribute("value", valorPagar);
			if(!document.getElementById("valorPagar_"+newindex))
				formObj.appendChild(hiddenInputValorPagar);
			else
				formObj.replaceChild(hiddenInputValorPagar, document.getElementById("valorPagar_"+newindex))
			var str = "";
			for(var j=0; j<newindex; j++)	
// the test -> only the last one is there and there is only one set of hidden inputs
			{
				data 		= document.getElementById("data_"+j).value;
				tDoc 		= document.getElementById("tDoc_"+j).value;
				nDoc 		= document.getElementById("nDoc_"+j).value;
				descri 		= document.getElementById("descri_"+j).value;
				valorDoc 	= document.getElementById("valorDoc_"+j).value;
				saldoc 		= document.getElementById("saldoc_"+j).value;
				//checkBox 	= document.getElementById("checkBox_"+j).value;
				valorPagar 	= document.getElementById("valorPagar_"+j).value;
				str += "\n newindex "+j+" - data: "+data+" - tDoc: "+tDoc+" - nDoc: "+nDoc+" - descri: "+descri+" - valorDoc: "+valorDoc+" - saldoc: "+saldoc+" - checkBox: "+checkBox+" - fvalorPagar: "+valorPagar 
//alert(""+j+"\n data: "+data+"\n tDoc: "+tDoc+"\n nDoc: "+nDoc+"\n descri: "+descri+"\n valorDoc: "+valorDoc+"\n saldoc: "+saldoc+"\n checkBox: "+checkBox+"\n fvalorPagar: "+valorPagar);
			}
			alert(str);
			newindex++ 			
		}
	}
	
	hiddenInputindex.setAttribute("type", "hidden");		
	hiddenInputindex.setAttribute("id", "index");		
	hiddenInputindex.setAttribute("name", "index");
	hiddenInputindex.setAttribute("value", newindex);	
	if(!document.getElementById("index"))
		formObj.appendChild(hiddenInputindex);
	else
		formObj.replaceChild(hiddenInputindex, document.getElementById("index"))
 
    return true;
	
}

 

[atferraz]

It’s solved. Thanks

 

[glenmac]

How please so we can all learn.

Glen

http://lantzvillecomputers.ca

 

[atferraz]

very simple
var hiddenInput* must be declared as an array
then use de newIndex to fill it

hiddenInputData.setAttribute"type", "hidden");             hiddenInput*[newIndex].setAttribute("id", "data_"+newindex);            
hiddenInput*[newIndex].setAttribute("name", "data_"+newindex);
hiddenInput*[newIndex].setAttribute("value",data);                 
if(!document.getElementById("data_"+newindex))    
    formObj.appendChild(hiddenInput*[newIndex]);
else
    formObj.replaceChild(hiddenInput*[newIndex],     
               document.getElementById("data_"+newindex))