RMD-LogoGreen-web

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

Contact Us

homeBusiness hours

Monday 9am - 5pm
Tuesday 9am - 4pm
Wednesday 8am - 4pm
Thursday 8am - 4pm
Friday 9am - 2pm
telephone blueContact Us

Tel.: (403) 762 2625

E-mail: This email address is being protected from spambots. You need JavaScript enabled to view it.

2nd Floor, 210 Bear St
Banff, AB
T1L 1B7
Canada

Find Us

Whitening

 

 Procedure, cost and more details will be posted soon! Stay tuned.

comingsoon

{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}