View Full Version : Autosaveform not installed correctly

05-03-2012, 10:06 PM
1) Script Title: autosaveform

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex16/autosaveform.htm

3) Describe problem: I have installed autosaveform according to the very clear instructions provided. The DD page with script works but my page fails to show the autosave notice or save.

I constructed the form on jotform but modified it after installing on my site. I used the default save settings. It is a pretty large form but it is well formed with a numeric form id and a name and id for every input (I want to save all input data). I had to break up the style and script code to accommodate other existing code on the page but think I got all the parts.

I installed autosaveform.js in a folder called js and pointed to it as src=js/autosaveform.js

All other scripts on the form are working (and are similarly stored).

the URL is:

Here is the pertinent parts of the page.

Thanks for taking time to provide this type of code and especially for supporting those of us who are still trying to learn!

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

form#feedbackform div{ /*CSS used by demo form*/


<script src="js/prototype.js?v=3.0.3313" type="text/javascript"></script>
<script src="js/protoplus.js?v=3.0.3313" type="text/javascript"></script>
<script src="js/protoplus-ui.js?v=3.0.3313" type="text/javascript"></script>
<script src="js/jotform.js?v=3.0.3313" type="text/javascript"></script>
<script src="js/calendarview.js?v=3.0.3313" type="text/javascript"></script>

....removed a bunch of scripts to make the post easier to read......

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="js/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 type="text/javascript">
var formsave1=new autosaveform({
formid: '21116658515149',
pause: 1000


<form action="byte2xml.php" method="post" name="form_21116658515149" id="21116658515149" enctype="multipart/form-data" tabindex="1" accept-charset="utf-8">
<input type="hidden" name="formID" value="21116658515149" />
<div class="form-all">
<li id="cid_1" class="form-input-wide">
<div class="form-header-group" id="top">
<h2 id="header_1" class="form-header">
BYTEmaker CLIA-waived Test Development Tool
<li class="form-line" id="id_3">
<label class="form-label-left" id="label_3" for="input_3"> Learning module title <span class="form-required">*</span></label>
<div id="cid_3" class="form-input">
<input type="text" class="form-textbox validate[required]" id="input_3" name="lbtitle" size="40" maxlength="40" required="required" />

05-04-2012, 07:06 PM
Please give a link to the problem page.There could be many issues or just one but people have to see the page including all other scripts,code etc..

You may have done nothing wrong but something else on your page could affect something else.

so please paste a url for us to look at