Results 1 to 5 of 5

Thread: Auto Save Form script for multiple form on single page

  1. #1
    Join Date
    Jul 2017
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Auto Save Form script for multiple form on single page

    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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Which Dynamic Drive script is this you are talking about? At what link did you see it?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2017
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hello Sir,

    Thank you for your reply

    I talked about Auto Save Form script.

  4. #4
    Join Date
    Nov 2014
    Location
    On A Scottish Island
    Posts
    488
    Thanks
    0
    Thanked 62 Times in 58 Posts

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    If you mean this script:

    http://www.dynamicdrive.com/dynamici...tosaveform.htm

    works fine here (demo 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>
    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:

    autosaveform.js
    Last edited by jscheuer1; 08-08-2017 at 08:29 PM. Reason: Update to new code
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Similar Threads

  1. Auto Save Form script - supported field types
    By hallojs in forum Dynamic Drive scripts help
    Replies: 8
    Last Post: 12-03-2014, 01:53 PM
  2. Auto Save Form script- Radio button not saved
    By dtolj in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-23-2014, 08:56 PM
  3. Auto Save Form Values issue / enchancement
    By billbrach in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-02-2012, 04:16 PM
  4. Auto Save Form Processing Previous Form Submission
    By Meleo in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 07-09-2012, 04:38 AM
  5. contact form in a single page website
    By M rosi in forum PHP
    Replies: 5
    Last Post: 07-06-2011, 01:43 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •