تست: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
خط ۲۰: | خط ۲۰: | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 0 10px rgba(0,0,0,0.1); | box-shadow: 0 0 10px rgba(0,0,0,0.1); | ||
} | |||
.header { | |||
background-color: #3e6f73; | |||
color: white; | |||
padding: 20px; | |||
border-radius: 8px; | |||
margin-bottom: 20px; | |||
text-align: center; | |||
} | } | ||
h1 { | h1 { | ||
margin: 0; | |||
font-size: 24px; | |||
margin-bottom: | } | ||
.filter-section { | |||
margin-bottom: 20px; | |||
padding: 0; | |||
} | } | ||
.form-group { | .form-group { | ||
خط ۳۵: | خط ۴۶: | ||
color: #495057; | color: #495057; | ||
} | } | ||
select | select { | ||
width: 100%; | width: 100%; | ||
padding: 10px; | padding: 10px; | ||
خط ۴۲: | خط ۵۳: | ||
font-size: 16px; | font-size: 16px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
background: white; | |||
} | } | ||
. | .content-frame { | ||
margin-top: 20px; | margin-top: 20px; | ||
border: 1px solid #dee2e6; | border: 1px solid #dee2e6; | ||
border-radius: 8px; | border-radius: 8px; | ||
overflow: hidden; | overflow: hidden; | ||
background: white; | |||
} | } | ||
.clean-frame { | |||
width: 100%; | width: 100%; | ||
height: | height: 500px; | ||
border: none; | border: none; | ||
} | } | ||
. | .wiki-link { | ||
text-align: center; | |||
padding: 15px; | padding: 15px; | ||
background-color: #f8f9fa; | |||
border-top: 1px solid #dee2e6; | |||
} | } | ||
. | .wiki-link a { | ||
color: #3e6f73; | |||
text-decoration: none; | |||
font-weight: bold; | font-weight: bold; | ||
padding: 8px 16px; | |||
border: 1px solid #3e6f73; | |||
border-radius: 4px; | |||
transition: all 0.3s; | |||
} | } | ||
. | .wiki-link a:hover { | ||
color: # | background-color: #3e6f73; | ||
color: white; | |||
} | } | ||
. | .empty-message { | ||
text-align: center; | text-align: center; | ||
color: # | padding: 40px; | ||
color: #6c757d; | |||
font-style: italic; | |||
} | } | ||
</style> | </style> | ||
خط ۸۹: | خط ۹۶: | ||
<body> | <body> | ||
<div class="container"> | <div class="container"> | ||
<h1>کتابخانه پدیا بایبل</h1> | <div class="header"> | ||
<h1>کتابخانه پدیا بایبل</h1> | |||
</div> | |||
<div class=" | <div class="filter-section"> | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for=" | <label for="categorySelect">دستهبندی:</label> | ||
< | <select id="categorySelect"> | ||
<option value="all">همه</option> | |||
<option value="کتاب">کتاب</option> | |||
<option value="مقاله">مقاله</option> | |||
</select> | |||
</div> | </div> | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for=" | <label for="bookSelect">انتخاب کتاب/مقاله:</label> | ||
< | <select id="bookSelect"> | ||
<option value="">-- لطفاً یک مورد انتخاب کنید --</option> | |||
<option value="کتاب_مقدس" data-category="کتاب">کتاب مقدس</option> | |||
<option value="انجیل_متی" data-category="کتاب">انجیل متی</option> | |||
<option value="انجیل_مرقس" data-category="کتاب">انجیل مرقس</option> | |||
<option value="مزامیر" data-category="کتاب">مزامیر</option> | |||
<option value="تفسیر_کتاب_مقدس" data-category="مقاله">تفسیر کتاب مقدس</option> | |||
<option value="تاریخ_مسیحیت" data-category="مقاله">تاریخ مسیحیت</option> | |||
<option value="الهیات_مسیحی" data-category="مقاله">الهیات مسیحی</option> | |||
</select> | |||
</div> | </div> | ||
</div> | </div> | ||
<div class=" | <div class="content-frame"> | ||
<iframe id="contentFrame" src="about:blank"></iframe> | <iframe id="contentFrame" class="clean-frame" src="about:blank"></iframe> | ||
<div class="wiki-link"> | |||
<a id="wikiLink" href="#" target="_blank">📖 مطالعه کامل صفحه در ویکی</a> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<script> | <script> | ||
document.addEventListener('DOMContentLoaded', function() { | |||
const categorySelect = document.getElementById('categorySelect'); | |||
const bookSelect = document.getElementById('bookSelect'); | |||
const contentFrame = document.getElementById('contentFrame'); | |||
const wikiLink = document.getElementById('wikiLink'); | |||
const originalBooks = Array.from(bookSelect.options); | |||
// | // فیلتر کردن لیست بر اساس دستهبندی | ||
function filterBooks() { | |||
const category = categorySelect.value; | |||
// پاک کردن لیست فعلی (به جز گزینه اول) | |||
while (bookSelect.options.length > 1) { | |||
bookSelect.remove(1); | |||
} | |||
// اضافه کردن کتابهای فیلتر شده | |||
originalBooks.forEach((option, index) => { | |||
if (index === 0) return; // گزینه اول را نادیده بگیر | |||
const | const bookCategory = option.getAttribute('data-category'); | ||
if (category === 'all' || bookCategory === category) { | |||
bookSelect.appendChild(option.cloneNode(true)); | |||
if ( | |||
} | } | ||
}); | |||
} | |||
// اگر کتابی موجود است، اولین کتاب را نمایش بده | |||
if (bookSelect.options.length > 1) { | |||
bookSelect.selectedIndex = 1; | |||
showBook(bookSelect.value, bookSelect.options[1].text); | |||
if ( | |||
} else { | } else { | ||
showEmptyState(); | |||
} | } | ||
} | } | ||
// نمایش کتاب در iframe با نسخه تمیز | |||
function showBook(bookValue, bookText) { | |||
if (!bookValue) return; | |||
if (! | |||
const encodedBookName = encodeURIComponent(bookValue); | |||
// استفاده از printable=yes برای نسخه تمیز | |||
const cleanContentUrl = `https://www.pediabible.com/index.php/${encodedBookName}?printable=yes`; | |||
} | const wikiPageUrl = `https://www.pediabible.com/index.php/${encodedBookName}`; | ||
// نمایش محتوای تمیز | |||
contentFrame.src = cleanContentUrl; | |||
// | // بهروزرسانی لینک ویکی | ||
wikiLink.href = wikiPageUrl; | |||
wikiLink.textContent = `📖 مطالعه کامل "${bookText}" در ویکی`; | |||
wikiLink.style.display = 'block'; | |||
} | } | ||
// | // نمایش حالت خالی | ||
function showEmptyState() { | |||
contentFrame.srcdoc = ` | |||
<!DOCTYPE html> | |||
<html dir="rtl"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<style> | |||
body { | |||
font-family: Tahoma, Arial; | |||
padding: 40px; | |||
text-align: center; | |||
color: #6c757d; | |||
background: white; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<div class="empty-message"> | |||
لطفاً یک کتاب یا مقاله از لیست انتخاب کنید | |||
</div> | |||
</body> | |||
</html> | |||
`; | |||
wikiLink.style.display = 'none'; | |||
} | } | ||
// رویدادها | |||
categorySelect.addEventListener('change', filterBooks); | |||
bookSelect.addEventListener('change', function() { | |||
if (this. | if (this.selectedIndex > 0) { | ||
this. | const selectedOption = this.options[this.selectedIndex]; | ||
showBook(selectedOption.value, selectedOption.text); | |||
} else { | |||
showEmptyState(); | |||
} | } | ||
} | }); | ||
// بارگذاری اولیه | |||
filterBooks(); | |||
}); | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |