kennethreitz/kjvstudy.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/kjvstudy.org.git synced 2026-06-05 23:00:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add section title links to keyboard navigation on resource index pages

Browse Source 
- Resource entry titles (h3.resource-name) are now selectable
- Enter on a title navigates to the detail page
- Allows drill-down navigation: section title -> paragraphs -> verses

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Kenneth Reitz
2025-11-30 00:27:59 -05:00
parent 44bfa73157
commit 672a7a1d7b
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/templates/resource_index.html
+4 -2
View File
@@ -301,7 +301,8 @@ document.addEventListener('DOMContentLoaded', function() {
// Two-section navigation: TOC block -> content elements
// Or when inside TOC: individual TOC entries
const contentElements = Array.from(document.querySelectorAll('.intro-text, .resource-item-description p, .verse-item'));
// Content elements include section titles (h3 with links), paragraphs, and verse items
const contentElements = Array.from(document.querySelectorAll('.intro-text, .resource-name, .resource-item-description p, .verse-item'));
const tocItems = Array.from(tocList.querySelectorAll('li a'));
let currentSection = 'content'; // 'content' or 'toc'
@@ -420,7 +421,8 @@ document.addEventListener('DOMContentLoaded', function() {
if (href) window.location.href = href;
} else if (selectedIndex >= 0) {
var el = contentElements[selectedIndex];
var link = el.querySelector('.resource-name a') || el.querySelector('.verse-ref a') || el.querySelector('a');
// Check if the element itself contains a link, or is an h3 with a link inside
var link = el.querySelector('a') || (el.classList.contains('resource-name') && el.querySelector('a'));
if (link) window.location.href = link.href;
}
} else if (e.key === 'Escape') {