Codeigniter dynamic javascript when using load->view

Question

I have a form with a « newInput » button, which add dynamically in javascript a new input when I click to it.

When I have an error in my form, I re-load the view with the form. It’s normal, but .. Because I use dynamic javascript for adding new input, all the input added are removed when I reload..

There is something I can do ?

This is an exemple of my view.tpl :

<input type="text"  placeholder="ex: cerise" 
                    onfocus="javascript:autoComplet('jigd1', '{site_url('recettes/getIngredient')}')" value="{set_value('igd[]')}" id="jigd1" name="igd[]"/>
                            {form_error('igd[]')}

I add a partiel code of my js file

var cpt=1;
function addField(uriIngredient, uriLabel) {
try 
{
cpt=cpt+1;
var inputIgd = document.createElement('input'), 
button = document.createElement('input'),
div = document.createElement('div'),
inputIgd.setAttribute('type','text');
inputIgd.setAttribute('name','igd[]');
inputIgd.setAttribute('id','jigd'+cpt);


button.setAttribute('type','button');
button.setAttribute('onclick','javascript:supField("igd'+cpt+'")');
button.setAttribute('value','Supprimer');
div.setAttribute('id','igd'+cpt);
div.appendChild(inputIgd);
div.appendChild(button);
document.getElementById("listIgd").appendChild(div);
...

can you please write the code here... The question is not very clear — Edi 0
– Edi 0, Commented Dec 9, 2013 at 8:00
You can send back all the post or get data on error to the view and recreate those elements in view. — Nouphal.M
– Nouphal.M, Commented Dec 9, 2013 at 8:03
Better you can do the form validation using javascript and ajax. Then the form will not reload. — Casperon
– Casperon, Commented Dec 9, 2013 at 8:52

Shreedhar · Accepted Answer · 2013-12-09 08:03:49Z

1

Since you are appending new input/button to dom dynamically and not saving its state by making ajax call/submitting form you cannot retain the input/button after reloading the page.

Using localStorage, to keep the information of previously added input/buttom would be preferable.

PS : since you havent added any code which you tried, its really hard to explain localStorage with specific code.

as soon as you append, add the state of the form into localStorage, When you loading the page, look for the localStorage to check the previously added inputs you can set the item into localStorage :

window.localStorage.setItem('key','value')

You can retrieve them like this :

window.localStorage.getItem('key')

answered Dec 9, 2013 at 8:03

Shreedhar

5,6903 gold badges24 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Choubidou Over a year ago

Hey. I tried to look at what you said, that's say localStorage, and it is very nice. But I used an exemple for only one input, I don't know how to do for all inputs .. And particularly because I use javascript to add new inputs, I don't know if I can recreate all inputs ..

Collectives™ on Stack Overflow

Codeigniter dynamic javascript when using load->view

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related