I use a separate page in an iframe but it might work in the add template.
First off find a loading gif (plenty on google image search) and upload it to your image directory.
On the add.html template (if that's what you're using) add the following (in red):
<%include include_form.html%>
<script language="javascript" type="text/javascript">
function showTable() {
document.getElementById("image").style.display = "block";
}
function hideTable() {
document.getElementById("image").style.display = "none";
}
window.onload = hideTable;
</script>
<div class="formsubmit">
<input type="reset" name="reset" value="Reset" class="submit" />
<input type="submit" name="add" value="Submit" class="submit" onClick="showTable()" />
</div>
<div>
<img src="/image_directory/loading.gif" width="" height="" alt="Loading">
</div>
</form>
I don't know if it will work in your situation but it's worth a try.
First off find a loading gif (plenty on google image search) and upload it to your image directory.
On the add.html template (if that's what you're using) add the following (in red):
Code:
<form action="<%config.db_cgi_url%>/add.cgi" enctype="multipart/form-data" method="post"> <%include include_form.html%>
<script language="javascript" type="text/javascript">
function showTable() {
document.getElementById("image").style.display = "block";
}
function hideTable() {
document.getElementById("image").style.display = "none";
}
window.onload = hideTable;
</script>
<div class="formsubmit">
<input type="reset" name="reset" value="Reset" class="submit" />
<input type="submit" name="add" value="Submit" class="submit" onClick="showTable()" />
</div>
<div>
<img src="/image_directory/loading.gif" width="" height="" alt="Loading">
</div>
</form>
I don't know if it will work in your situation but it's worth a try.