Highlight available time slots
Highlights every active, selectable appointment time in green so you instantly see when the salon is free.
Code to copy
try {
var slots = document.querySelectorAll('[data-testid*="slot" i], [class*="time-slot" i], button[class*="slot" i]');
slots.forEach(function (s) {
try {
if (s.disabled || s.getAttribute('aria-disabled') === 'true') return;
var t = (s.textContent || '').trim();
if (!/\d/.test(t)) return;
s.style.setProperty('background', '#e6f7ec', 'important');
s.style.setProperty('border', '2px solid #2e7d32', 'important');
s.style.setProperty('font-weight', '700', 'important');
} catch (e) {}
});
} catch (e) {}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.