Shakazahn Posted June 1, 2009 Share Posted June 1, 2009 I've been trying to do a simple animation to simulate (only simulate, it doesn't check anything at all) a loading bar after the form is submited.Here's the code: <form action="myform.php" method="POST" name="form" id="form" onsubmit="return formcheck(this)">Name: <input type="text" style="width:200px;" name="name" id="name" /></form> And the script: function formcheck(form){ if(form.name.value == "") { alert("Please type your name"); form.name.focus(); return false; } else { var perc = 0; var inter; document.getElementById("body").innerHTML += "<div id=\"message\" class=\"texto\"><p>Please wait while your request is sent... <span id=\"num\">0%</span><br /><div id=\"loader\" style=\"position:relative; width:0%; background-color:teal;\"></div></p></div>"; inter = setInterval(function(){ if(perc < 100) { perc++; document.getElementById("loader").style.width = perc + "%"; document.getElementById("num").innerHTML = perc + "%"; } else { return true; } }, 50); }} But this doesn't work =(After the animation's complete it just halts (the form action isn't called). Any way so I can get around this? Link to comment Share on other sites More sharing options...
justsomeguy Posted June 1, 2009 Share Posted June 1, 2009 Your formcheck function is not returning true, that's why the form is not submitting. If you want to submit the form after the animation ends, get the form object and call its submit method explicitly. Link to comment Share on other sites More sharing options...
Shakazahn Posted June 1, 2009 Author Share Posted June 1, 2009 Your formcheck function is not returning true, that's why the form is not submitting. If you want to submit the form after the animation ends, get the form object and call its submit method explicitly.Worked perfectly, thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.