I've wrote the below code to load a popup when a page loads, however, when I click 'Continue' to close the popup - nothing happens. The button indents but the popup stays put. I was wondering if anybody had any ideas?
<p>This is the normal text that would be on the page anyway.</p>
<p>There's an awful lot of this text on a normal page with lots of graphics and stuff as well.</p>
<div id="reminderPopup">
<div class="popupBackground">
<div class="popupInner">
<h2>Remember, if you have opened and resolved a complaint on this call to close the ADR.</h2>
<p><!--additional text here--></p>
<button id="close" onclick="closeReminderPopup()">Continue</button>
<p> </p>
</div>
</div>
</div>
<script type="text/javascript">
function pageLoadCompleteEvent(){
document.getElementById("reminderPopup").style.display="block";
};
function closeReminderPopup(){
document.getElementById("reminderPopup").style.display="none";
};
</script>