PDA

View Full Version : Auto Save Form script for multiple form on single page



vijay_pampaniya
08-08-2017, 11:14 AM
1) Script Title:

2) Script URL (on DD):

3) Describe problem:

Hello sir,
i want to save multiple forms data in single page using dom storage but i can't do that is that last update forms data only store not all forms data get on single page,

If it is possible then please help me and given me example for that

jscheuer1
08-08-2017, 01:44 PM
Which Dynamic Drive script is this you are talking about? At what link did you see it?

vijay_pampaniya
08-08-2017, 01:58 PM
Hello Sir,

Thank you for your reply

I talked about Auto Save Form script.

styxlawyer
08-08-2017, 08:06 PM
Probably this script:

http://www.dynamicdrive.com/dynamicindex16/autosaveform.htm

jscheuer1
08-08-2017, 08:16 PM
If you mean this script:

http://www.dynamicdrive.com/dynamicindex16/autosaveform.htm

works fine here (demo page):


<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>

div.savestatus{ /* Style for the "Saving Form Contents" DIV that is shown at the top of the form */
width:200px;
padding:2px 5px;
border:1px solid gray;
background:#fff6e5;
-webkit-box-shadow: 0 0 8px #818181;
box-shadow: 0 0 8px #818181;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
color:red;
position:absolute;
top:-10px;
}

form#feedbackform div{ /*CSS used by demo form*/
margin-bottom:9px;
}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="autosaveform.js">

/***********************************************
* Auto Save Form script (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script>

var formsave1=new autosaveform({
formid: 'feedbackform',
pause: 1000 //<--no comma following last option!
})
var formsave2=new autosaveform({
formid: 'form2',
pause: 1000 //<--no comma following last option!
})

</script>
</head>
<body>
<form id="feedbackform" method="post">

<div><label for="username">Name:</label><br /> <input id="username" type="text" size="35" name="username"/></div>

<div>Sex: <input type="radio" name="sex" value="male"/><label for="male">Male </label><input type="radio" name="sex" value="female" /><label for="female">Female</label></div>

<div>Hobbies: <input type="checkbox" name="hobby" value="reading"/><label for="reading">Reading </label><input type="checkbox" name="hobby" value="sports" /><label for="sports">Sports </label><input type="checkbox" name="hobby" value="Movies"/><label for="movies">Movies</label></div>

<div>Country: <select id="country">
<option>USA</option>
<option>Canada</option>
<option>Other</option>
</select>
</div>

<div>State/Province:<br /> <input id="state" type="text" size="20" /></div>

<div>About Yourself:<br /> <textarea id="feedback" style="width:350px;height:150px"></textarea></div>

<input type="submit" />

</form>
<br><div>Form 2:</div><br>
<form id="form2" method="post">
<input type="text" name="bob">
<input type="submit" value="Go">
</form>
</body>
</html>

If you want more help, please post a link to your problem page.

I will grant you that another version of the script I have handles radio buttons and checkboxes better. I will attach it:

6195