I have a subscribe form which has a continue button onclick of which the overlay pops up with two checkboxes. The overlay has two buttons submit and cancel submit is working fine with validations but when i cancel the overlay closes. But when i click on the continue button again nothing happens.
I am using the following code for loading the overlay when Continue button is clicked:
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.plugins.min.js"></script>
<script type="text/javascript">
var popup;
$(document).ready(function() {
//setup the consent popup
popup = $("#consentPopup").overlay({
mask: {
color: '#000000',
opacity: 0.5,
loadSpeed: 200
},
top: 'center',
closeOnClick: false
});
});
function Hcp_ParticipantContinue_Success() {
show();
}
function show()
{
if (document.getElementById('consentPopup').style.display == 'none')
{
popup.data("overlay").load();
}
}
//Hcp_ParticipantContinue is method which returns true after validating the form ,after this the overlay loads which has the div id="consentPopup"
//For Cancel button (id="consentCancel") following jquery is written within the consentPopup div at the end:
<script type="text/javascript">
var popup;
$("#consentCancel").click(function() {
popup.data("overlay").close();
popup = 1;
});
</script>
Please respond back with your replies.