RMD-LogoGreen-web

Banff Dentist: (403) 762 2625 Get directions Book an appointment

 

photo6-web

 

 Your request has been successfully submitted.

Thank you.

 

 

We will do our best to get in contact with you by our next business day.

 

Click here to return home.

{source}

<style>

.dontdisplay{

display: none !important:

}

</style>

<!-- You can place html anywhere within the source tags -->
<div class="conatainer_pop"><div class="pop_main"><div class="column_4"><div class="button_sty"><a id="changetext">Call Now</a></div></div><div class="column_4"><div class="button_sty"><a data-popup-open="popup-1" href="#">Book Appointment</a></div></div><div class="column_4"><div class="button_sty"><a data-popup-open="popup-2" href="#">Ask Question</a></div></div><div style="clear: both;">&nbsp;</div></div></div>

<div class="popup" data-popup="popup-1">
<div class="popup-inner">
<div class="appoint_form">
<div class="appoint_head">
<h1>Rocky Mountain Dental Book Appointment Request</h1>
</div>

<div class="alert" style="display: none;" ></div>

<form class="form-validate" action="" id="book_appointment">
<label>Name*</label>
<input type="text" id="name" name="name" class="required inp" required=""/>
<label>Email*</label>
<input type="text" id="email" name="email" class="required validate-email inp" required=""/>
<label>Phone</label>
<input type="text" id="phone" name="phone" class="required inp" required=""/>
<label>Message*</label>
<textarea name="message" id="message" class="required inp" required=""></textarea>
<input type="hidden" name="subject" value="Rocky Mountain Dental Book Appointment Request"/>
<div class="submit_main">
<input type="submit" class=" validate submit_action_from" value="Submit">
</div>
</form>

</div>
<a class="popup-close" data-popup-close="popup-1" href="#">x</a>
</div>
</div> <div class="popup" data-popup="popup-2">
<div class="popup-inner">
<div class="appoint_form">
<div class="appoint_head">
<h1>Rocky Mountain Dental Ask Question</h1>
</div>

<div class="alert" style="display: none;"></div>

<form class="form-validate" action="" id="book_appointment_ask">
<label>Name*</label>
<input type="text" id="name" name="name" class="required inp" required=""/>
<label>Email*</label>
<input type="text" id="email" name="email" class="required validate-email inp" required=""/>
<label>Phone</label>
<input type="text" id="phone" name="phone" class="required inp" required=""/>
<label>Message*</label>
<textarea name="message" id="message" class="required inp" required=""></textarea>
<input type="hidden" name="subject" value="Rocky Mountain Dental Ask Question"/>
<div class="submit_main">
<input type="submit" class=" validate submit_action_ask" value="Submit"/>
</div>
</form>

</div>
<a class="popup-close" data-popup-close="popup-2" href="#">x</a>
</div>
</div>

<script language="javascript" type="text/javascript">
// You can place JavaScript like this


jQuery(document).ready(function(){

jQuery('#changetext').click(function(){
jQuery('#changetext').text('(403) 762 2625 ');
});

});
jQuery(function() {
//----- OPEN
jQuery('[data-popup-open]').on('click', function(e) {
var targeted_popup_class = jQuery(this).attr('data-popup-open');
jQuery('[data-popup="' + targeted_popup_class + '"]').fadeIn(350);

e.preventDefault();
});

//----- CLOSE
jQuery('[data-popup-close]').on('click', function(e) {
var targeted_popup_class = jQuery(this).attr('data-popup-close');
jQuery('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);

e.preventDefault();
});

jQuery('.submit_action_from').on('click',function(event){
event.preventDefault();

var SerializeData=jQuery("#book_appointment").find("input,textarea").serialize();
var alerts=jQuery("#book_appointment").find(".alert");
jQuery("input[type=submit]").val("Please Wait..");


var req = jQuery.ajax({
type:"POST",
url:"<?php echo $_SERVER['PHP_SELF']; ?>",
//dataType:"json",
data:SerializeData
})
req.success(function(data){
data=data.split("<head>");
data=JSON.parse(data[1]);

if(data.success=="yes"){
jQuery(".alert").addClass("alert-success");
jQuery(".alert").html(data.msg);
jQuery(".alert").show();

jQuery(".alert").addClass("dontdisplay");
jQuery("#book_appointment").find(".inp").val('');
jQuery("input[type=submit]").val("Submit");

jQuery('.alert').delay(3000).fadeOut('slow');

}else if(data.success=="no"){
jQuery(".alert").html(data.msg);
jQuery(".alert").show();

jQuery("input[type=submit]").val("Submit");

jQuery('.alert').delay(3000).fadeOut('slow');

}
})
req.fail(function(tx, Status){
//alert(" Status"+Status);
});

});

jQuery('.submit_action_ask').on('click',function(event){
event.preventDefault();

var SerializeData=jQuery("#book_appointment_ask").find("input,textarea").serialize();
var alerts=jQuery("#book_appointment_ask").find(".alert");
jQuery("input[type=submit]").val("Please Wait..");


var req = jQuery.ajax({
type:"POST",
url:"<?php echo $_SERVER['PHP_SELF']; ?>",
//dataType:"json",
data:SerializeData
})
req.success(function(data){
data=data.split("<head>");
data=JSON.parse(data[1]);

if(data.success=="yes"){
jQuery(".alert").addClass("alert-success");
jQuery(".alert").html(data.msg);
jQuery(".alert").show();

jQuery(".alert").addClass("dontdisplay");
jQuery("#book_appointment_ask").find(".inp").val('');
jQuery("input[type=submit]").val("Submit");

jQuery('.alert').delay(3000).fadeOut('slow');

}

else if(data.success=="no"){
jQuery(".alert").html(data.msg);
jQuery(".alert").show();

jQuery("input[type=submit]").val("Submit");

jQuery('.alert').delay(3000).fadeOut('slow');

}


})
req.fail(function(tx, Status){
//alert(" Status"+Status);

});

});

});

</script>

<?php

?>

{/source}