{"id":5680,"date":"2022-04-24T10:15:32","date_gmt":"2022-04-24T10:15:32","guid":{"rendered":"https:\/\/pariswells.com\/blog\/?p=5680"},"modified":"2022-12-02T02:43:37","modified_gmt":"2022-12-02T02:43:37","slug":"javascript-to-highlight-a-day-e-g-opening-times-or-highlight-a-public-holiday","status":"publish","type":"post","link":"https:\/\/pariswells.com\/blog\/research\/javascript-to-highlight-a-day-e-g-opening-times-or-highlight-a-public-holiday","title":{"rendered":"Javascript to highlight a Day e.g. opening times or highlight a public holiday"},"content":{"rendered":"\nJavascript to highlight today\u2019s opening times or a notice about a public holidau\n\n\n\n\n
\n\t
<h3>Opening Hours<\/h3><div style="  font-size: 1em; font-family:NB; "><table>  <tr style="border: 1px solid #dddddd;">   <td style="padding:10px;"><div id="monday"><div id="tuesday"><div id="wednesday">Monday to Wednesday:<\/div><\/td>    <td><div id="mondaytime"><div id="tuesdaytime"><div id="wednesdaytime">10:00am - 9:00pm<\/div><\/td>  <\/tr>  <tr style="border: 1px solid #dddddd;">    <td style="padding:10px;"><div id="thursday">Thursday:<\/div><\/td>    <td><div id="thursdaytime">10:00am - 9:30pm<\/div><\/td>  <\/tr>  <tr style="border: 1px solid #dddddd;">    <td style="padding:10px;"><div id="friday">Friday:<\/div><\/td>    <td><div id="fridaytime">10:00am - 10:00pm<\/div><\/td>  <\/tr>  <tr style="border: 1px solid #dddddd;">    <td style="padding:10px;"><div id="saturday">Saturday:<\/div><\/td>    <td><div id="saturdaytime">9:00am - 10:00pm<\/div><\/td>  <\/tr>  <tr style="border: 1px solid #dddddd;">    <td style="padding:10px;"><div id="sunday">Sunday:<\/div><\/td>    <td><div id="sundaytime">10:00am - 9:30pm<\/div><\/td>  <\/tr><\/table><br><div id="goodfriday"><div id="xmas">The store is closed on Good Friday and Christmas Day<\/div><\/div><\/br><div id="anzac">We are open on Anzac Day from 12pm<\/div><\/div><script type="text\/javascript"> \/\/ Work out Good Friday var d = new Date(); var currentYear = d.getFullYear();  var a = Math.floor(currentYear % 19);  var b = Math.floor(currentYear \/ 100);  var c = Math.floor(currentYear % 100);  var d = Math.floor(b \/ 4);  var e = Math.floor(b % 4);  var f = Math.floor((b + 8) \/ 25);  var g = Math.floor((b - f + 1) \/ 3);  var h = Math.floor((19 * a + b - d - g + 15) % 30);  var i = Math.floor(c \/ 4);  var k = Math.floor(c % 4);  var l = Math.floor((32 + 2 * e + 2 * i - h - k) % 7);  var m = Math.floor((a + 11 * h + 22 * l) \/ 451);  var n = Math.floor((h + l - 7 * m + 114) \/ 31);  var p = Math.floor(((h + l - 7 * m + 114) % 31) -1);  var eastermonth = n.toString();  var goodfridaydate = p.toString();  var goodfriday = goodfridaydate + eastermonth ;    \/\/Work out todays dates    var currentmonth = new Date().getMonth();  var currentday = new Date().getDate();  var currentmonths = currentmonth.toString();  var currentdays = currentday.toString();  var currentdaymonth = currentdays + currentmonths ;  var publicholidayif (currentdaymonth == goodfriday)  document.getElementById("goodfriday").className = \u2019today\u2019; publicholiday = "Yes";if (currentdaymonth == "2511")  document.getElementById("xmas").className = \u2019today\u2019; publicholiday = "Yes";if (currentdaymonth == "253")  document.getElementById("anzac").className = \u2019today\u2019; publicholiday = "Yes";if( typeof variable === \u2019undefined\u2019 || variable === null ){\/\/ Make the current day bold if not holidayvar d = new Date();var days = \u2019sunday,monday,tuesday,wednesday,thursday,friday,saturday\u2019.split(\u2018,\u2019);            document.getElementById( days[new Date().getDay()] ).className = \u2019today\u2019;            document.getElementById( days[new Date().getDay()] + \u2019time\u2019).className = \u2019today\u2019;}<\/script><\/br><\/code><\/pre> 
 <\/div> <\/div><\/div>\n\n\n
\n\t
 
.today {  font-family:Marr;  text-transform: uppercase; }<\/code><\/pre> 
 <\/div> <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"
Javascript to highlight today\u2019s opening times or a notice about a public holidau<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[3636,3799,3797,3798],"class_list":["post-5680","post","type-post","status-publish","format-standard","hentry","category-research","tag-css","tag-highlight","tag-javascript","tag-opening-times"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/5680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/comments?post=5680"}],"version-history":[{"count":4,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/5680\/revisions"}],"predecessor-version":[{"id":6455,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/posts\/5680\/revisions\/6455"}],"wp:attachment":[{"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/media?parent=5680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/categories?post=5680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pariswells.com\/blog\/wp-json\/wp\/v2\/tags?post=5680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}