{"id":814,"date":"2024-01-02T20:29:49","date_gmt":"2024-01-02T18:29:49","guid":{"rendered":"http:\/\/jhb-webdevelopers\/rsg-fm\/?page_id=814"},"modified":"2026-04-16T16:00:28","modified_gmt":"2026-04-16T14:00:28","slug":"rsg-programme","status":"publish","type":"page","link":"https:\/\/www.rsg.co.za\/rsg-fm\/rsg-programme\/","title":{"rendered":"Programme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"814\" class=\"elementor elementor-814\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8531fcf e-con-full e-flex e-con e-parent\" data-id=\"8531fcf\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-dc6b59a e-con-full e-flex e-con e-child\" data-id=\"dc6b59a\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-f83b13d e-con-full e-flex e-con e-child\" data-id=\"f83b13d\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be914d3 elementor-widget elementor-widget-heading\" data-id=\"be914d3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Programme<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2921014 elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"2921014\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"254\" height=\"85\" src=\"https:\/\/www.rsg.co.za\/rsg-fm\/wp-content\/uploads\/2024\/01\/7-1-1.png\" class=\"attachment-large size-large wp-image-1105\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-885920c elementor-widget elementor-widget-image\" data-id=\"885920c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"254\" height=\"186\" src=\"https:\/\/www.rsg.co.za\/rsg-fm\/wp-content\/uploads\/2025\/08\/8-2-1.png\" class=\"attachment-large size-large wp-image-119454\" alt=\"\" srcset=\"https:\/\/www.rsg.co.za\/rsg-fm\/wp-content\/uploads\/2025\/08\/8-2-1.png 254w, https:\/\/www.rsg.co.za\/rsg-fm\/wp-content\/uploads\/2025\/08\/8-2-1-150x110.png 150w\" sizes=\"(max-width: 254px) 100vw, 254px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-136b1b0 e-con-full e-flex e-con e-parent\" data-id=\"136b1b0\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-e75c3fa e-con-full rsg-ad-container e-flex e-con e-child\" data-id=\"e75c3fa\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33d7db3 elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"33d7db3\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- \/267159116\/RSG\/RSG_InContentAd2 -->\r\n<div id='div-gpt-ad-1710755013882-0' style='min-width: 728px; min-height: 90px;'>\r\n  <script>\r\n    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1710755013882-0'); });\r\n  <\/script>\r\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e142e33 e-con-full e-flex e-con e-parent\" data-id=\"e142e33\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ed4df6 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"5ed4df6\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style type=\"text\/css\">\r\n\t\r\n\t\/* Hide the radio button *\/\r\n\t.radio-group input[type=\"radio\"] {\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t\/* Style for the label to act as a clickable button *\/\r\n\t.radio-group label {\r\n\t\tdisplay: inline-block;\r\n\t\tpadding: 10px 19px;\r\n\t\tmargin: 5px;\r\n\t\tbackground-color: #FFC400;\r\n\t\tborder: 0px;\r\n\t\tborder-radius: 25px;\r\n\t\tcursor: pointer;\r\n\t\tfont-size: 16px;\r\n\t\ttransition: background-color 0.3s;\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\r\n\t\/* Change color when the radio button is selected *\/\r\n\t.radio-group input[type=\"radio\"]:checked + label {\r\n\t\tbackground-color: #E51F25;\r\n\t\tcolor: white;\r\n\t}\r\n\r\n\t\/* Hover effect *\/\r\n\t.radio-group label:hover {\r\n\t\tbackground-color: #e0e0e0;\r\n\t}\r\n\r\n\t.block-item {\r\n\t  position: relative;\r\n\t  margin: 10px 0px !important;\r\n\t}\r\n\t\r\n\t.programme-container {\r\n\t   display: flex;\r\n\t   flex-direction: column;\r\n\t   padding-left: 20px;\r\n\t   position: absolute;\r\n\t   bottom: 0;\r\n\t   color: #fff;\r\n\t   z-index: 2;\r\n\t   text-transform: uppercase;\r\n\t}\r\n\t\r\n\t.post-timeslots {\r\n\t  font-size: 14px;\r\n\t}\r\n\t\r\n\t.post-title {\r\n\t  font-size: 16px;\r\n\t  font-weight: 600;\r\n\t}\r\n    \r\n\ta.post-link-path{\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n    }\r\n\t.post-link-path::before {\r\n\t  content: \"\";\r\n\t  display: block;\r\n\t  position: absolute;\r\n\t  top: 0;\r\n\t  left: 0;\r\n\t  width: 100%;\r\n\t  height: 100%;\r\n\t  background-color: rgba(0, 0, 0, 0.3); \/* Change the color and opacity as needed *\/\r\n\t  border-radius: 25px !important;\r\n\t  aspect-ratio: 1 \/ 1;\r\n\t}\r\n\t\r\n\t.custom-filter {\r\n\t  margin-left: 40px;\t\r\n\t}\r\n\t\r\n\t.day-of-week {\r\n\t\tdisplay: inline-block;\r\n\t\tmargin-right: 30px;\r\n\t}\r\n\t\r\n\t#programmes-form {\r\n\t  margin-top: 0;\r\n      margin-left: 10px;\r\n      margin-bottom: 11px;\r\n\t}\r\n\t\r\n\t.grid-container {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\twidth: 100%;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: space-around;\r\n     }\r\n\r\n\t@media(max-width: 575px) {\r\n\t  .block-item {\r\n\t\twidth: 96% !important;\r\n\t  }\r\n   }\r\n\t\r\n\t@media(max-width: 767px) { \r\n\t\t.day-of-week {\r\n\t\t\tmargin-right: 0px;\r\n\t\t\tline-height: .3;\r\n\t\t\twidth: 100%;\r\n            text-align: center;\r\n\t\t}\r\n\t\t\r\n\t\t#programmes-form {\r\n\t\t\tmargin-left: 0;\r\n\t\t}\r\n\r\n\t\t.radio-group label {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 17px !important;\r\n\t\t    margin: 10px 0px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media only screen and (min-width: 576px) and (max-width: 767px) {\r\n\t  .block-item {\r\n\t\twidth: 47% !important;\r\n\t  }\r\n   }\r\n   \r\n\t@media only screen and (min-width: 768px) and (max-width: 1199px) {\r\n\t  .block-item {\r\n\t\twidth: 31% !important;;\r\n\t  }\r\n   }\r\n\t\r\n\t@media(min-width: 1200px) {\r\n\t  .block-item {\r\n\t\twidth: 23% !important;\r\n\t\tmargin: 10px !important;\r\n\t  }\r\n\t\t\r\n\t  .grid-container {\r\n\t\tjustify-content: normal !important;\r\n\t  }\r\n   }\r\n\t\r\n   @media(min-width: 1500px) {\r\n\t  .block-item {\r\n\t\twidth: 23.6% !important;\r\n\t  }\r\n   }\r\n\t\r\n<\/style>\r\n\r\n<div class=\"custom-filter\">\r\n\t<div><h2 class=\"elementor-heading-title elementor-size-default\"> <\/h2><\/div>\r\n\t<form id=\"programmes-form\" class=\"\" action=\"\" method=\"post\">\r\n        <div class=\"radio-group\">\r\n\t\t\t<div class=\"day-of-week\">\r\n\t\t\t\t<input type=\"radio\" id=\"maandag\" name=\"dayfilter\" value=\"Monday\">\r\n\t\t\t\t<label for=\"monday\">Maandag<\/label>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"day-of-week\">\r\n\t\t\t\t<input type=\"radio\" id=\"dinsdag\" name=\"dayfilter\" value=\"Tuesday\">\r\n\t\t\t\t<label for=\"tuesday\">Dinsdag<\/label>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"day-of-week\">\r\n\t\t\t\t<input type=\"radio\" id=\"woensdag\" name=\"dayfilter\" value=\"Wednesday\">\r\n\t\t\t\t<label for=\"wednesday\">Woensdag<\/label>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"day-of-week\">\r\n\t\t\t\t<input type=\"radio\" id=\"donderdag\" name=\"dayfilter\" value=\"Thursday\">\r\n\t\t\t\t<label for=\"thurday\">Donderdag<\/label>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"day-of-week\">\r\n\t\t\t\t<input type=\"radio\" id=\"vrydag\" name=\"dayfilter\" value=\"Friday\">\r\n\t\t\t\t<label for=\"friday\">Vrydag<\/label>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"day-of-week\">\r\n\t\t\t\t<input type=\"radio\" id=\"saterdag\" name=\"dayfilter\" value=\"Saturday\">\r\n\t\t\t\t<label for=\"saturday\">Saterdag<\/label>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"day-of-week\">\r\n\t\t\t\t<input type=\"radio\" id=\"sondag\" name=\"dayfilter\" value=\"Sunday\">\r\n\t\t\t\t<label for=\"sunday\">Sondag<\/label>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/form>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.7.1.js\" integrity=\"sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=\" crossorigin=\"anonymous\"><\/script>\r\n<script>\r\n  \r\n    function loadData() {\r\n\t\t\r\n        \/\/ Array of days in the week\r\n\t\tconst days = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"];\r\n\t\t\r\n\t\t\/\/ Get current day as a string\r\n        const currentDay = days[new Date().getDay()];\r\n\r\n        \/\/ Check the radio button that corresponds to the current day\r\n        $('input[name=\"dayfilter\"][value=\"' + currentDay + '\"]').prop('checked', true);\r\n\r\n        \/\/ Check if a previous selection exists in localStorage\r\n        const savedOption = localStorage.getItem('selectedOption');\r\n\r\n\t\t\/\/ pre set the radio button that was selected before page reload, get value from local storage\r\n        if (savedOption) {\r\n            $(`input[name=\"dayfilter\"][value=\"${savedOption}\"]`).prop('checked', true);\r\n\t\t\tif( $('.grid-container').length == 0) {\r\n\t\t\t\tlocalStorage.removeItem(\"selectedOption\");\r\n\t\t\t\twindow.location.reload();\r\n\t\t\t}\r\n        }else {\r\n            \/\/ if nothing is in local storage , load all entries for the current Day\r\n            $(`input[name=\"dayfilter\"][value=\"${currentDay}\"]`).prop('checked', true);\r\n            localStorage.setItem('selectedOption', currentDay);\r\n\t\t\t\/\/ trigger click\r\n            $(`input[name=\"dayfilter\"][value=\"${currentDay}\"]`).click(); \r\n            $('#programmes-form').submit();\r\n        }\r\n    }\r\n\t\r\n    \/\/ call function load data\r\n    loadData();\r\n\t\r\n    jQuery(document).ready(function() {\r\n        \/\/ Submit form and save selection on radio button click\r\n        $('label').on('click', function() {\r\n            const selectedValue = $(this).prev().val();\r\n\t\t\t$(`input[name=\"dayfilter\"][value=\"${selectedValue}\"]`).prop('checked', true);\r\n            localStorage.setItem('selectedOption', selectedValue); \r\n            $('#programmes-form').submit();\r\n        });\r\n\t\t\r\n\t\t\/\/ clear local storage value onclick any menu item, then default to current day\r\n\t\t$('.menu-item a').on('click', function() {\r\n\t\t\tlocalStorage.removeItem(\"selectedOption\");\r\n\t\t});\r\n\t\r\n    });\r\n    \r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Programme<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-814","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.rsg.co.za\/rsg-fm\/wp-json\/wp\/v2\/pages\/814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rsg.co.za\/rsg-fm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rsg.co.za\/rsg-fm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rsg.co.za\/rsg-fm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rsg.co.za\/rsg-fm\/wp-json\/wp\/v2\/comments?post=814"}],"version-history":[{"count":538,"href":"https:\/\/www.rsg.co.za\/rsg-fm\/wp-json\/wp\/v2\/pages\/814\/revisions"}],"predecessor-version":[{"id":138855,"href":"https:\/\/www.rsg.co.za\/rsg-fm\/wp-json\/wp\/v2\/pages\/814\/revisions\/138855"}],"wp:attachment":[{"href":"https:\/\/www.rsg.co.za\/rsg-fm\/wp-json\/wp\/v2\/media?parent=814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}