How To Retain My Browser Page Values After I Have Run The Code

Question

1.00/5 (1 vote)

See more:

i have java script code using html.
i want that whenever i run my code in browser i want the browser to display the previous values and not blank t fill values again.
how to do plz help.
thanx in advance.

<!DOCTYPE html>
<html>
<head>

<title>Generate Budget</title>
</head>
<script type="text/javascript">

function tableprint()
{

var numOfYears = Math.abs(document.getElementById('end').value -

document.getElementById('start').value);
var budget = Math.abs(document.getElementById('budget').value);
var i = 0;

var tableHtml = "";

for (i=0; i<=numOfYears; i++)
{tableHtml = tableHtml.concat("(");
tableHtml = tableHtml.concat(Number(document.getElementById

('start').value)+Number(i));
tableHtml = tableHtml.concat(":");
tableHtml = tableHtml.concat("Budget");
tableHtml = tableHtml.concat(":");
tableHtml = tableHtml.concat(budget/numOfYears);
tableHtml = tableHtml.concat(";");
tableHtml = tableHtml.concat("Forecast");
tableHtml = tableHtml.concat(":");
tableHtml = tableHtml.concat(Number(document.getElementById('for'+i).value));
tableHtml = tableHtml.concat(";");
tableHtml = tableHtml.concat("Actual");
tableHtml = tableHtml.concat(":");
tableHtml = tableHtml.concat(Number(document.getElementById('act'+i).value));
tableHtml = tableHtml.concat(")");

}
document.getElementById("form2").innerHTML =tableHtml;
}

function generateBudget()
{ var numOfYears = Math.abs(document.getElementById('end').value -

document.getElementById('start').value);
localStorage.setItem("Math.abs(document.getElementById('end').value -

document.getElementById('start').value)", numOfYears);
var budget = Math.abs(document.getElementById('budget').value);
localStorage.setItem("Math.abs(document.getElementById('budget').value)",budget)
var i = 0;

if( numOfYears < 1)
{
numOfYears = 1;
}

var tableHtml = "";
tableHtml = tableHtml.concat("");
for (i=0; i<=numOfYears; i++)
{
tableHtml = tableHtml.concat("");
}
tableHtml = tableHtml.concat("");
tableHtml = tableHtml.concat("");

for (i=0; i<=numOfYears; i++)
{
tableHtml = tableHtml.concat("");
}

tableHtml = tableHtml.concat("");
tableHtml = tableHtml.concat("");

for (i=0; i<=numOfYears; i++)
{
tableHtml = tableHtml.concat("");
}

tableHtml = tableHtml.concat("");
tableHtml = tableHtml.concat("");

for (i=0; i<=numOfYears; i++)
{
tableHtml = tableHtml.concat("");
}
tableHtml = tableHtml.concat("

	"); tableHtml = tableHtml.concat(Number(document.getElementById ('start').value)+Number(i)); tableHtml = tableHtml.concat("
Budget	"); tableHtml = tableHtml.concat(budget/numOfYears); tableHtml = tableHtml.concat("
Forecast	"); tableHtml = tableHtml.concat("<input type='text' name='for" +Number(i)+"' id='for" + Number(i) + "' />"); tableHtml = tableHtml.concat("
Actual	"); tableHtml = tableHtml.concat("<input type='text' name='act" +Number(i)+"' id='act" + Number(i) + "' />"); tableHtml = tableHtml.concat("

");
tableHtml = tableHtml.concat("<input type='button' name='submit'

id='submit' value='Submit' />");

document.getElementById("form").innerHTML = tableHtml;

}

</script>

Start Year

End Year

Budget

<textarea id="form2">
</textarea>
</body>
</html>
this is the code

Posted 13-Oct-15 4:36am

Member 12045679

Updated 13-Oct-15 4:48am

v2

Add a Solution

Comments

[no name] 13-Oct-15 10:45am

Please provide more details what you want exactly. It is not clear.

If you tried with some code provide that as well.

Member 12045679 13-Oct-15 10:48am

i have displayed the code.plz help..http://www.codeproject.com/script/Membership/View.aspx?mid=7478705

[no name] 13-Oct-15 10:51am

Please describe what do you need exactly.

Member 12045679 13-Oct-15 10:55am

i am asking that when i run this code in browser and after entering values in text field i am getting my table.i want that when i close the browser and again run my code i want the previous table with previous values to be displayed in the browserhttp://www.codeproject.com/script/Membership/View.aspx?mid=7478705

Wombaticus 13-Oct-15 10:56am

Well, don't submit teh form with a submit button - use an ordinary button and add an onclick function to call teh javascript function

Member 12045679 13-Oct-15 11:03am

can you plz give me the codehttp://www.codeproject.com/script/Membership/View.aspx?mid=10339231

ZurdoDev 13-Oct-15 10:56am

Use cookies.

Richard Deeming 13-Oct-15 12:08pm

Local storage[^] would probably be a better option. Cookie data will be sent to the server with every request.

Browser support[^] is pretty good too.

Member 12045679 13-Oct-15 11:02am

can you plz give me the codehttp://www.codeproject.com/script/Membership/View.aspx?mid=2816533

Nathan Minier 13-Oct-15 11:18am

https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

W∴ Balboos, *GHB* · Answer 1 · 2015-10-13T05:30:00

The question you ask comes down to the same point: where will you store the data between browser sessions.

On commentator suggested cookies - that would work except, if the browser's set up like mine, it will delete them when it is closed. Also, what if a different user opens the browser: should they see the last values of the last user or their own last values -> and what happens if they switch browsers on the same machine?

You need a storage area that is not at the mercy, so far as possible, of the user's browser and settings. This really, then, requires you store the data on the server side instead of the client side. You could then store the data in a database or file, server side, and all of the problems in the previous paragraph go away.

I suggest php [Learn how here]

If this is to be user specific, you'll need some way to know which user is requesting the data.

As for "can you plz give me the code" - I leave that to you.