Printable View
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
Which Dynamic Drive script is this you are talking about? At what link did you see it?
Hello Sir,
Thank you for your reply
I talked about Auto Save Form script.
Probably this script:
http://www.dynamicdrive.com/dynamici...tosaveform.htm
If you mean this script:
http://www.dynamicdrive.com/dynamici...tosaveform.htm
works fine here (demo page):
If you want more help, please post a link to your problem page.Code:<!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>
I will grant you that another version of the script I have handles radio buttons and checkboxes better. I will attach it:
Attachment 6195