Why doesn't this JavaScript code work as expected? -
this tiny javascript, along css supposed prevent duplicate entries database freezing screen after submit has been clicked.
so far, out of on 200 people have used app submit entries, 6 of them have managed submit duplicate entries.
we suspecting older browsers may responsible double entries.
we still investigating.
could assumption correct?
if yes, there way improve code work on browsers?
i keep code, rather go because of pleasant , feel open better.
<script type="text/javascript"> function freezescreen(msg) { scroll(0, 0); var outerpane = document.getelementbyid('freezepane'); var innerpane = document.getelementbyid('innerfreezepane'); if (outerpane) outerpane.classname = 'freezepaneon'; if (innerpane) innerpane.innerhtml = msg; } </script>
--css
<style type="text/css"> .freezepaneoff { visibility: hidden; display: none; position: absolute; top: -100px; left: -100px; } .freezepaneon { position: absolute; top: 0px; left: 0px; visibility: visible; display: block; width: 100%; height: 100%; background-color: #666; z-index: 999; filter:alpha(opacity=85); -moz-opacity:0.85; padding-top: 20%; } .innerfreezepane { text-align: center; width: 66%; background-color: #171; color: white; font-size: large; border: dashed 2px #111; padding: 9px; } </style>
******update******
i posting response here since thing wouldn't allow me add comments stupid message 1 comment per 5 seconds allowed , has been 10 minutes since last comment added.
thanks alot @ppvg , @random. need 1 of guy's script (more @random's because don't understand @ppvg meant //...do submitting stuff...) need use 1 of guy's js in addition 1 using? also, asp.net allow form action="~" ...?
i agree @random. disable submit button , prevent form's default action after submitting once. this:
var submitted = false; var form = document.getelementbyid('form_id'); var submitbutton = document.getelementbyid('submit_button_id'); form.onsubmit = function() { if (submitted) { freezescreen("already submitted!"); // stop form being submitted second time: return false; } // ... submitting stuff ... submitted = true; submitbutton.disabled = true; }
Comments
Post a Comment