My company has a regular scheduled downtime of our messaging-bus each Sunday. This brings down some functionality on our site, so I needed to disable the links for those resources automatically, but instead of hiding them or pointing them somewhere else, I decided it would be nice to give the user some information about what's going on right there on the page when they click on one of the disabled links. I came up with the following piece of code which will do that for any link with class="TibcoRequired":
<!--script to disable links to Tibco-reliant tests on Sundays-->
<link href="/Resources/Scripts/jQuery/css/redmond/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css"/>
<script src="/Resources/Scripts/jQuery/js/jquery-1.4.2.min.js"></script>
<script src="/Resources/Scripts/jQuery/js/jquery-ui-1.8.1.custom.min.js"></script>
<div id="dialog" title="Dialog Title" style="display:none;"><p>This test cannot be taken on Sundays due to a regular
scheduled downtime of the result-tracking system.</p></div>
<script type="text/javascript">
$('.TibcoRequired').click(function () {
var d = new Date();
var today = d.getDay();
if (today == 0) {
$('#dialog').dialog({ title: 'Message' });
return false;
}
});
</script>
<!--script-->
