Hi all
I need some help please on using Fancybox with forms.
I have a form which takes a while to load when the submit button is pressed. To show that the form is doing something I wanted fancybox to show a hidden div that shows a loading message.
This is the code I am using at the moment:
Code:
$('#login-form').submit(function(e) {
$.fancybox({
href: '#access-policy',
modal: true
});
return false;
});
<form action="test.php" method="post" name="input" id="input">
<input type="submit" name="test3" value="" id="test3" class="search_button" />
</form>
<div style="display:none">
<div id="access-policy">
Loading...
</div>
</div>
So at the moment on submit the div shows fine but the form does not submit. Can any body help to resolve this problem?
Btw the reason I am using fancybox is because I already use it elsewhere on the page.
Thanks for any help and let me know if im not clear.