Web Pro Dragons

Internal Dev Library

Jet Listing (Custom styling of Salutation inside post content)

				
					<script>
function formatMessages() {
    const messageElements = document.querySelectorAll('.jet-listing-grid .message p');

    messageElements.forEach(function (el) {
        let text = el.innerHTML.trim();

        // Skip if no comma
        if (!text.includes(',')) return;

        // Avoid double formatting
        if (el.dataset.formatted) return;

        let parts = text.split(',');
        let firstPart = parts[0];
        let remaining = text.substring(text.indexOf(',') + 1).trim();

        el.innerHTML = '<strong>' + firstPart + ',</strong><br>' + remaining;

        // Mark as formatted to prevent re-formatting
        el.dataset.formatted = 'true';
    });
}

// Initial load + observe DOM changes
document.addEventListener('DOMContentLoaded', () => {
    formatMessages();

    const observer = new MutationObserver(() => {
        formatMessages();
    });

    observer.observe(document.body, {
        childList: true,
        subtree: true
    });
});
</script>