trouble with my javascript sort of

Question posted by: akg250978 (Newbie) on July 5th, 2006 02:26 PM

ok here is my problem

i created the JS to insert rows in an html doc, this works perfectly but if i was to refresh the page or leave it and return to it L8 the rows have diappeared here is the code i would appreciate it if any1 could give me some suggestions

the coding is a bit of a headache , even though i created i, but please help me!

function addLine()
{
var Documents = new Array(6)
Documents[0]="....";
Documents[1]=" Invoice";
Documents[2]=" Bill";
Documents[3]=" List";
Documents[4]="Policy";
Documents[5]="Other";

var tbody = document.getElementById("table1").getElementsByTagName("tbody")[0];

var Values = document.getElementById('Value1');
var ValuesInt = (document.getElementById("Value1").value -1)+ 2; //gets the current value from Value1

Values.value = ValuesInt; //overides the current values

var nums = ValuesInt; //for the documents

var TRIdName = "Create"+ ValuesInt +"TR";


var row = document.createElement("TR"); //creation of the tr
row.setAttribute("id",TRIdName); //setting the attribute id = "create 1 Tr helps to id for the deletion"

var Cells = new Array(3) //creation of the td
var Selection = new Array(3) //creation of the selection
var Options = new Array(3) //creation of the option
var Inputs = new Array(3) //creation of the Input
var XSLValues = new Array(3)


// the flow is cells -> selection -> options -> inputs -> xslvalues, insert in the documents
if(ValuesInt <=8)
{ for (var a=0; a < Cells.length; a++)
{
Cells[a]= document.createElement("TD");
Selection[a]= document.createElement("select");

Selection[a].className = 'Text';

if(a==0) //if statement to set the selection attribute for addDocs
{
Selection[0].setAttribute("id","addDocuments"+nums);
Selection[0].onchange = function()
{
DropDownMenuList('addDocuments'+nums);
}

for (var b=0; b < Documents.length; b++)
{
Options[0]=document.createElement("option");
theText=document.createTextNode(Documents[b]);

Options[0].appendChild(theText);
Selection[0].appendChild(Options[0]);

}
}

else
{
if(a==1) //if statement to set the selection attribute for originals if count is equal to 1 else go and do Duplicates
{
Selection[1].setAttribute("id","Originals"+nums);
Selection[1].onchange = function()
{
DropDownMenuList('Originals'+nums);
}
}
else
{
Selection[2].setAttribute("id","Duplicates"+nums);
Selection[2].onchange = function()
{
DropDownMenuList('Duplicates'+nums);
}
}

for (var b=0; b < 10; b++)
{

Options[a]=document.createElement("option");

if(b==0)
{
theText=document.createTextNode("...");
}

else { theText=document.createTextNode(b); }

Options[a].appendChild(theText);
Selection[a].appendChild(Options[a]);
}
}

}

var ListOfNames = new Array(3);

ListOfNames[0]="addDocuments"
ListOfNames[1]="Originals"
ListOfNames[2]="Duplicates"

alert("Adding Documents, Copies and Duplicates Row"+nums);


for (var i=0; i<ListOfNames.length ;i++)
{

Inputs[i]= document.createElement("input");
Inputs[i].setAttribute("id","Input"+ListOfNames[i]+nums);
Inputs[i].setAttribute("name",ListOfNames[i]+nums);
Inputs[i].setAttribute("type","text");
Inputs[i].className = 'hide';

XSLValues[i]= document.createElement("xsl");
XSLValues[i].setAttribute("name","value");
XSLValues[i].setAttribute("value-of select","document/fields/field/"+ListOfNames[i]+nums);
}

for (var c=0; c < Cells.length ; c++)
{
Cells[c].appendChild(Selection[c]);
Cells[c].appendChild(Inputs[c])
Cells[c].appendChild(XSLValues[c])

row.appendChild(Cells[c]);
}

tbody.appendChild(row);
}

else alert("no more rows to be added");


}

Not the answer you were looking for? Post your question . . .
183,909 Experts ready to help you find a solution.
Sign up for a free account, or Login (if you're already a member).