شرح معلقة امرؤ القيس كاملا: النص والمفردات والإعراب

var poemPage = document.getElementById('poem-page'); if (!poemPage) return;

/* cached once — verse list is static, so this is safe & cheap */ var poemItems = Array.prototype.slice.call(poemPage.querySelectorAll('.poem-item'));

/* maps a global radio's id-suffix to the matching local radio class */ var GLOBAL_TO_LOCAL = { poem: 'all', vocab: 'vocab', explanation: 'explanation', irab: 'irab', all: 'all' }; var LOCAL_CLASSES = ['local-show-vocab', 'local-show-explanation', 'local-show-irab', 'local-show-all'];

/* ============================================================ 1) LOCAL <-> GLOBAL synchronization (single delegated listener) ============================================================ */ document.body.addEventListener('change', function (e) {

/* -- a LOCAL tab was changed: override only that one verse -- */ if (e.target.matches('.css-study-radio')) { var poemItem = e.target.closest('.poem-item'); if (!poemItem) return;

poemItem.classList.remove.apply(poemItem.classList, LOCAL_CLASSES);

if (e.target.classList.contains('css-study-vocab')) poemItem.classList.add('local-show-vocab'); else if (e.target.classList.contains('css-study-explanation')) poemItem.classList.add('local-show-explanation'); else if (e.target.classList.contains('css-study-irab')) poemItem.classList.add('local-show-irab'); else if (e.target.classList.contains('css-study-all')) poemItem.classList.add('local-show-all');

return; }

/* -- a GLOBAL button was changed: sync EVERY verse's local tab selection to match (fixes the display/label mismatch), while clearing any per-verse override so the global rule takes full, unambiguous effect -- */ if (e.target.matches('.css-view-radio')) { var key = e.target.id.replace('nida-view-', ''); // poem | vocab | explanation | irab | all var localClass = GLOBAL_TO_LOCAL[key] || 'all';

poemItems.forEach(function (item) { item.classList.remove.apply(item.classList, LOCAL_CLASSES); var radio = item.querySelector('.css-study-' + localClass); if (radio) radio.checked = true; }); } });

/* ============================================================ 2) TOC <-> pure-table anchor fix ============================================================ */ var pureViewRadio = document.getElementById('nida-view-poem'); var tocLinks = poemPage.querySelectorAll('.poem-toc-css-body a[href^="#part"]');

tocLinks.forEach(function (link) { link.addEventListener('click', function (e) { if (!pureViewRadio || !pureViewRadio.checked) return;

var targetId = link.getAttribute('href').slice(1); var pureTarget = document.getElementById(targetId + '-pure'); if (!pureTarget) return;

e.preventDefault(); pureTarget.scrollIntoView({ behavior: 'smooth', block: 'start' }); if (history.pushState) history.pushState(null, '', '#' + targetId); }); });

/* ============================================================ 3) SEARCH ============================================================ */ var searchInput = document.getElementById('wp-search-input'); var searchBtn = document.getElementById('wp-search-btn'); var clearBtn = document.getElementById('wp-clear-btn'); var resultsBox = document.getElementById('wp-search-results'); var searchDot = document.getElementById('wp-search-dot');

var activeFlashMark = null; var flashTimeoutId = null;

/* red dot: blink while in view, then disappear after ~6s, once only */ if (searchDot) { if ('IntersectionObserver' in window) { var dotShown = false; var dotObserver = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting && !dotShown) { dotShown = true; setTimeout(function () { searchDot.style.display = 'none'; }, 6000); dotObserver.disconnect(); } }); }, { threshold: 0.5 }); dotObserver.observe(searchDot); } else { setTimeout(function () { searchDot.style.display = 'none'; }, 6000); } }

function escapeRegExp(s) { return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); } function escapeHTML(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }

/* diacritic-insensitive Arabic pattern: قفا also matches قِفَا */ function buildPattern(query) { var diacritics = '[\\u0610-\\u061A\\u064B-\\u065F\\u0670\\u06D6-\\u06ED]*'; var out = ''; query = query.trim(); for (var i = 0; i < query.length; i++) { var ch = query.charAt(i); out += /\s/.test(ch) ? '\\s+' : (escapeRegExp(ch) + diacritics); } return out; }function markPreview(text, pattern) { var safe = escapeHTML(text); try { return safe.replace(new RegExp(pattern, 'gi'), function (m) { return '' + m + ''; }); } catch (e) { return safe; } }

function makeSnippet(text, pattern) { try { var m = new RegExp(pattern, 'i').exec(text); if (!m) return text.slice(0, 120); var start = Math.max(0, m.index - 40); var end = Math.min(text.length, m.index + m[0].length + 60); return (start > 0 ? '... ' : '') + text.slice(start, end) + (end < text.length ? ' ...' : ''); } catch (e) { return text.slice(0, 120); } }function collectResults(query) { var pattern = buildPattern(query); var results = []; if (!pattern) return results;poemItems.forEach(function (item) { var verseNum = item.id.replace('verse-', ''); var numEl = item.querySelector('.line-number'); var displayNum = numEl ? numEl.textContent.replace('-', '').trim() : verseNum;var first = item.querySelector('.hemistich-first'); var second = item.querySelector('.hemistich-second'); var verseText = (first ? first.textContent : '') + ' ' + (second ? second.textContent : '');try { if (new RegExp(pattern, 'i').test(verseText)) { results.push({ verseId: item.id, verseNum: verseNum, zone: 'verse', label: 'البيت ' + displayNum, preview: verseText.trim() }); } } catch (e) {}[ { key: 'vocab', label: 'مفردات البيت ' + displayNum }, { key: 'explanation', label: 'شرح البيت ' + displayNum }, { key: 'irab', label: 'إعراب البيت ' + displayNum } ].forEach(function (z) { var section = item.querySelector('.study-section[data-section="' + z.key + '"]'); if (!section) return; var text = section.textContent; try { if (new RegExp(pattern, 'i').test(text)) { results.push({ verseId: item.id, verseNum: verseNum, zone: z.key, label: z.label, preview: makeSnippet(text, pattern) }); } } catch (e) {} }); });return results; }function performSearch() { var q = searchInput.value.trim(); resultsBox.innerHTML = ''; if (!q) { resultsBox.style.display = 'none'; return; }var results = collectResults(q); var pattern = buildPattern(q);if (results.length === 0) { resultsBox.innerHTML = '

لا توجد نتائج

'; resultsBox.style.display = 'block'; return; }

var frag = document.createDocumentFragment(); var ul = document.createElement('ul');

results.forEach(function (r) { var li = document.createElement('li'); var a = document.createElement('a'); a.href = '#'; a.setAttribute('data-target', r.verseId); a.setAttribute('data-num', r.verseNum); a.setAttribute('data-zone', r.zone);

var lbl = document.createElement('strong'); lbl.textContent = '[' + r.label + '] '; a.appendChild(lbl);

var prev = document.createElement('span'); prev.innerHTML = markPreview(r.preview, pattern); a.appendChild(prev);

li.appendChild(a); ul.appendChild(li); });

frag.appendChild(ul); resultsBox.appendChild(frag); resultsBox.style.display = 'block'; }

function clearActiveFlash() { if (flashTimeoutId) { clearTimeout(flashTimeoutId); flashTimeoutId = null; } if (activeFlashMark && activeFlashMark.parentNode) { var parent = activeFlashMark.parentNode; parent.replaceChild(document.createTextNode(activeFlashMark.textContent), activeFlashMark); parent.normalize(); } activeFlashMark = null; }

function flashMatch(container, query) { if (!container || !query) return; clearActiveFlash();

var re; try { re = new RegExp(buildPattern(query), 'i'); } catch (e) { return; }

var walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, null); var node; while ((node = walker.nextNode())) { var text = node.nodeValue; var m = re.exec(text); if (!m) continue;

var before = text.slice(0, m.index); var matched = m[0]; var after = text.slice(m.index + matched.length);

var mark = document.createElement('mark'); mark.className = 'wp-flash-mark'; mark.textContent = matched;

var frag = document.createDocumentFragment(); if (before) frag.appendChild(document.createTextNode(before)); frag.appendChild(mark); if (after) frag.appendChild(document.createTextNode(after));

node.parentNode.replaceChild(frag, node);

activeFlashMark = mark; flashTimeoutId = setTimeout(clearActiveFlash, 5000); return; } }

if (resultsBox) { resultsBox.addEventListener('click', function (e) { var link = e.target.closest('a[data-target]'); if (!link) return; e.preventDefault();

var verseId = link.getAttribute('data-target'); var verseNum = link.getAttribute('data-num'); var zone = link.getAttribute('data-zone'); var verseEl = document.getElementById(verseId); if (!verseEl) return;

/* exit "القصيدة فقط" the same way a real click would */ var poemOnlyRadio = document.getElementById('nida-view-poem'); if (poemOnlyRadio && poemOnlyRadio.checked) { var allRadio = document.getElementById('nida-view-all'); if (allRadio) { allRadio.checked = true; allRadio.dispatchEvent(new Event('change', { bubbles: true })); } }

/* open only the target verse's matching section */ if (zone === 'vocab' || zone === 'explanation' || zone === 'irab') { var localRadio = document.getElementById('nida-study-' + verseNum + '-' + zone); if (localRadio) { localRadio.checked = true; localRadio.dispatchEvent(new Event('change', { bubbles: true })); } }

verseEl.scrollIntoView({ behavior: 'smooth', block: 'center' });

var container = (zone === 'verse') ? verseEl.querySelector('.poem-line') : verseEl.querySelector('.study-section[data-section="' + zone + '"]');

setTimeout(function () { flashMatch(container, searchInput.value.trim()); }, 350);

resultsBox.style.display = 'none'; /* search text is kept */ }); }

if (searchBtn) searchBtn.addEventListener('click', performSearch);

if (searchInput) { searchInput.addEventListener('keydown', function (e) { if (e.key === 'Enter') { e.preventDefault(); performSearch(); } }); }

if (clearBtn) { clearBtn.addEventListener('click', function () { searchInput.value = ''; resultsBox.innerHTML = ''; resultsBox.style.display = 'none'; clearActiveFlash(); searchInput.focus(); }); }

/* ============================================================ 4) DOWNLOAD DROPDOWN ============================================================ */ var downloadDropdown = document.getElementById('download-dropdown'); var downloadToggle = document.getElementById('download-toggle');

if (downloadDropdown && downloadToggle) { downloadToggle.addEventListener('click', function (e) { e.stopPropagation(); var opened = downloadDropdown.classList.toggle('open'); downloadToggle.setAttribute('aria-expanded', opened ? 'true' : 'false'); downloadToggle.textContent = opened ? 'خيارات التحميل ▴' : 'خيارات التحميل ▾'; });

document.addEventListener('click', function (e) { if (!downloadDropdown.contains(e.target)) { downloadDropdown.classList.remove('open'); downloadToggle.setAttribute('aria-expanded', 'false'); downloadToggle.textContent = 'خيارات التحميل ▾'; } });

downloadDropdown.addEventListener('keydown', function (e) { if (e.key === 'Escape' && downloadDropdown.classList.contains('open')) { downloadDropdown.classList.remove('open'); downloadToggle.setAttribute('aria-expanded', 'false'); downloadToggle.textContent = 'خيارات التحميل ▾'; downloadToggle.focus(); } }); }

});