I am using a fancy box to show a form when a user clicks on the “get info” button but the form is not popping up. All it is doing is the url has #inline at the end of it.
I search everywhere and tried many things, but I cannot seem to get it working.
My code is
<a class="modalbox" href="#inline"><img src="images/quote.gif" class="imgquote" width="297" height="72" border="0px" />
</a>
<br />
<div id="inline" style="display: none">
Then the JS below is
<script type="text/javascript">
$(document)
.ready(function () {
$(".modalbox").fancybox();
$("#contact").submit(function () {
return false;
});
$("#send").on("click", function () {
{
// if both validate we attempt to send the e-mail
// first we hide the submit btn so the user doesnt click twice
$("#send").replaceWith("<em>Your request has been sent...</em>");
$.ajax({
type: "POST",
url: "AJAX_Quote.php",
data: $("#contact").serialize(),
success: setTimeout(function () { parent.$.fancybox.close(); }, 2000)
});
}
});
});
</script>
Any help would be greatly appreciated.