Add verse linking to biblical prophets page

Add JavaScript to automatically convert verse references in text to clickable links on biblical-prophets page. This enables tooltips to work when hovering over verse references in intro text and prophet descriptions. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-05 23:00:16 +00:00 · 2025-11-23 22:45:05 -05:00
parent 13a31a2751
commit aee39fae92
1 changed files with 86 additions and 0 deletions
@@ -207,6 +207,92 @@

 <script>
 document.addEventListener('DOMContentLoaded', function() {
+    // Function to link verse references in text
+    function linkVerseReferences(element) {
+        if (!element) return;
+
+        // Get all text nodes
+        const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, null, false);
+        const textNodes = [];
+        let node;
+        while (node = walker.nextNode()) {
+            textNodes.push(node);
+        }
+
+        textNodes.forEach(function(textNode) {
+            let text = textNode.textContent;
+            let changed = false;
+
+            // First, handle comma-separated verse lists like "Psalms 7:17, 9:2, 18:13"
+            // Pattern: Book chapter:verse, chapter:verse, chapter:verse...
+            text = text.replace(/\b(\d?\s?[A-Z][a-z]+(?:\s+[A-Z][a-z]+)?)\s+((?:\d+:\d+(?:-\d+)?(?:\s*,\s*)?)+)/g, function(match, book, verseList) {
+                book = book.trim();
+
+                // Check if this is actually a comma-separated list
+                if (!verseList.includes(',')) {
+                    // Single verse, will be handled by the next regex
+                    return match;
+                }
+
+                changed = true;
+
+                // Split by comma and process each verse reference
+                var verses = verseList.split(/\s*,\s*/);
+                var links = verses.map(function(verseRef) {
+                    verseRef = verseRef.trim();
+                    var parts = verseRef.match(/^(\d+):(\d+)(?:-(\d+))?$/);
+                    if (parts) {
+                        var chapter = parts[1];
+                        var verseStart = parts[2];
+                        var verseEnd = parts[3];
+
+                        if (verseEnd) {
+                            return '<a href="/book/' + book + '/chapter/' + chapter + '#verse-' + verseStart + '-' + verseEnd + '">' + book + ' ' + chapter + ':' + verseStart + '-' + verseEnd + '</a>';
+                        } else {
+                            return '<a href="/book/' + book + '/chapter/' + chapter + '/verse/' + verseStart + '">' + book + ' ' + chapter + ':' + verseStart + '</a>';
+                        }
+                    }
+                    return verseRef;
+                });
+
+                return links.join(', ');
+            });
+
+            // Then handle individual verse references like "John 3:16" or "Romans 8:28-29"
+            // This regex handles book names with optional numbers and spaces
+            text = text.replace(/\b(\d?\s?[A-Z][a-z]+(?:\s+[A-Z][a-z]+)?)\s+(\d+):(\d+)(?:-(\d+))?\b/g, function(match, book, chapter, verseStart, verseEnd) {
+                changed = true;
+                book = book.trim();
+                if (verseEnd) {
+                    return '<a href="/book/' + book + '/chapter/' + chapter + '#verse-' + verseStart + '-' + verseEnd + '">' + match + '</a>';
+                } else {
+                    return '<a href="/book/' + book + '/chapter/' + chapter + '/verse/' + verseStart + '">' + match + '</a>';
+                }
+            });
+
+            if (changed) {
+                const span = document.createElement('span');
+                span.innerHTML = text;
+                textNode.parentNode.replaceChild(span, textNode);
+                // Replace the span's children with its contents
+                while (span.firstChild) {
+                    span.parentNode.insertBefore(span.firstChild, span);
+                }
+                span.parentNode.removeChild(span);
+            }
+        });
+    }
+
+    // Link verse references in intro-text paragraphs
+    document.querySelectorAll('.intro-text').forEach(function(paragraph) {
+        linkVerseReferences(paragraph);
+    });
+
+    // Link verse references in prophet descriptions
+    document.querySelectorAll('.prophet-description').forEach(function(description) {
+        linkVerseReferences(description);
+    });
+
    // Generate TOC from h2 and h3 headings
    const tocList = document.getElementById('toc-list');
    const headings = document.querySelectorAll('section h2, section h3, section article h3');