how to keep created elements in javascript on reload

[samikhan83]

hi All Experts.... once again i am in some problem.......

i have a form which creates a new textbox elements when a new product is scanned with barcode scanner.

Problem is when i submit the form and check for server side validation if the form have some error according to validation it is going to the form again and all the generated textbox vanishes ... and i am loosing all the entered data and fields.

There is any way to keep the generated element intact with there respective data .

so please can anybody help me with this .

Waiting For Your Reply

[Dormilich]

as I understand it right, the barcode scanner fires a javascript event that creates the textbox, right?
in that case, the returning form (from the failed validation) misses that event and the standard form is returned. you can only prevent that by explicitly writing a new textbox through the server side script with the data as default value (and of course interrupting the barcode event as long as the validation process is not finished).

hope that helps a bit

[samikhan83]

Thanks For Your Reply....

i to thought of doing that ...... but is there anyway of caching the element and the values and reusing it .....

instead of regenerating all the elements again.... because it very complex form...

where form is for Purchase Invoice Entry of inventory system where user will scan product after product like multiple product with there serial number so
for each product upc code new elements with zero value price,quantity and serial number will be generate and each product have multiple serial number.....

so the form grow dynamically by getting the values from database with AJAX....

if there is any solution then highly APPRECIATED....

[Dormilich]

i to thought of doing that ...... but is there anyway of caching the element and the values and reusing it .....

you might try to send the form element collection back as an AJAX request (I think you have to serialize, WDDX is worth looking at).

// general idea:
var form = serialize(document.forms[0]);
...
XMLhttpRequest.send(form);

[samikhan83]

yaah i will give it a try... i think it should work

thanx for your suggestion....