Remove Dialog Close Button Focus
The jQuery UI dialog close button is focused by default. This code removes the focus when the dialog is opened.
HTML
<a href="#" id="TermsAndCondLink">Terms and Conditions</a>
<div class="fg-color-13" id="TermsAndCondModal" title="Terms and Conditions" style="display:none">
<section style="padding: 0 0 0 20px;">
<h2 style="color: #006778;font-weight: bold;font-size: 1.2em;padding-top: 6px;">Terms of Use</h2>
<h3 style="font-weight: bold;padding-top: 12px;font-size: 1.1em;">IMPORTANT NOTE REGARDING WEBSITE CONTENT</h3>
<p>
<br>
The information and content (collectively, "Content") on this website is for your
general educational information only. The Content cannot, and is not intended to,
replace the relationship that you have with your health care professionals. The
Content on this website should not be considered medical advice and is not intended
as medical advice.
<strong>
<u>
If you are experiencing a medical emergency, you should
not rely on any information on this website and should seek appropriate emergency
medical assistance, such as calling "911."</u>
</strong>
You should always talk
to your health care professionals for diagnosis and treatment, including information
regarding which drugs or treatment may be appropriate for you. None of the Content
on this website represents or warrants that any particular drug or treatment is
safe, appropriate or effective for you. Health information changes quickly. Therefore,
you should always confirm information with your health care professionals.
<br><br>
This website is intended for a United States audience. If you live outside the U.S.,
you may see information on this website about products or therapies that are not
available or authorized in your country. All Savers Insurance Company ("All
Savers") is not licensed to do business in the state of New York. Information on
...
CSS
body {
font-size: 0.8em;
}
JavaScript
jQuery(document).ready(function() {
jQuery("#TermsAndCondLink").on('click',function() {
if(jQuery('#TermsAndCondModal').is(':data(dialog)')){
jQuery('#TermsAndCondModal').dialog('open');
}else{
jQuery( "#TermsAndCondModal" ).dialog({
autoOpen: true,
width:jQuery(window).width()-450,
height:jQuery(window).height()-180,
buttons: {
Close: function() {
jQuery( this ).dialog( "close" );
}
}
});
jQuery( "#TermsAndCondModal" ).show();
}
});
});
jQuery(document).ready(function() {
jQuery("a[href='#backToTop']").click(function() {
jQuery("#TermsAndCondModal").animate({ scrollTop: 0 }, "slow");
return false;
});
});