پرش به محتوا

کتابخانه دانشنامه کتاب مقدس: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۳۴ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
     <meta charset="UTF-8">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>سایت مذهبی - صفحه اصلی</title>
     <title>کتابخانه انتشارات دانشنامه کتاب مقدس</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
     <style>
        /* تمام استایل‌های قبلی اینجا قرار می‌گیرد */
         * {
         * {
             margin: 0;
             margin: 0;
خط ۱۵: خط ۱۳:
          
          
         body {
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             font-family: Tahoma, Arial, sans-serif;
             background: linear-gradient(135deg, #f8f6f0 0%, #e8e6df 100%);
             background-color: #f6f6f6;
             color: #333;
             color: #333;
             line-height: 1.6;
             line-height: 1.6;
            min-height: 100vh;
            position: relative;
            padding: 40px 20px;
         }
         }
          
          
        /* بقیه استایل‌ها دقیقاً مانند کد قبلی */
         .container {
         .ancient-letters-overlay {
             max-width: 1200px;
             position: fixed;
             margin: 0 auto;
             top: 0;
             background: white;
             left: 0;
        }
            right: 0;
       
            bottom: 0;
        .header {
            opacity: 0.15;
             background: linear-gradient(135deg, #3e6f73, #4a7c59);
            font-size: 120px;
             color: white;
            display: flex;
             padding: 20px 15px;
             justify-content: space-around;
             text-align: center;
            align-items: center;
             flex-wrap: wrap;
             padding: 20px;
             font-family: 'Times New Roman', serif;
            z-index: -1;
            pointer-events: none;
         }
         }
          
          
         .letter {
         h1 {
             margin: 0 15px;
             margin: 0;
             color: rgba(139, 69, 19, 0.3);
             font-size: 22px;
             animation: float 6s ease-in-out infinite;
             font-weight: 700;
         }
         }
          
          
         @keyframes float {
         .description {
             0%, 100% { transform: translateY(0px); }
             color: rgba(255,255,255,0.9);
             50% { transform: translateY(-20px); }
             font-size: 13px;
            margin-top: 8px;
         }
         }
          
          
         .container {
         .seo-content {
             max-width: 1200px;
             background: #fff;
             margin: 0 auto;
            padding: 20px 15px;
             margin: 0 15px 15px;
            border-radius: 8px;
            border: 1px solid #e9ecef;
         }
         }
          
          
         .boxes-section {
         .seo-content h2 {
             padding: 40px 0;
             color: #3e6f73;
             background: transparent;
             margin-bottom: 15px;
            font-size: 18px;
         }
         }
          
          
         .section-title {
         .seo-content p {
             text-align: center;
             margin-bottom: 15px;
             font-size: 2.8rem;
             text-align: justify;
            color: #2c3e50;
             font-size: 14px;
            margin-bottom: 60px;
             font-weight: 400;
         }
         }
          
          
         .boxes-grid {
         .content-list {
             display: grid;
             display: grid;
             grid-template-columns: repeat(4, 1fr);
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
             gap: 30px;
             gap: 15px;
            margin-top: 15px;
         }
         }
          
          
         .box {
         .content-item {
             background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
             background: #f8f9fa;
             border-radius: 15px;
            padding: 15px;
             padding: 40px 30px;
            border-radius: 6px;
             text-align: center;
            border-left: 4px solid #3e6f73;
             box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
             border: 1px solid #e9ecef;
       
             transition: all 0.3s ease;
        .content-item h3 {
            color: #3e6f73;
            margin-bottom: 8px;
            font-size: 15px;
        }
       
        .content-item p {
            font-size: 13px;
            color: #666;
        }
       
        .filter-section {
            margin: 0 15px 15px;
            background: #f8f9fa;
            padding: 15px;
            border: 1px solid #dee2e6;
        }
       
        .filter-row {
            display: flex;
            gap: 10px;
        }
       
        .form-group {
            flex: 1;
            position: relative;
        }
       
        label {
            display: block;
            margin-bottom: 6px;
            font-weight: 600;
            color: #495057;
            font-size: 13px;
        }
       
        select {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid #ced4da;
             border-radius: 6px;
            font-size: 13px;
            background: white;
             cursor: pointer;
        }
       
        .searchable-select {
             position: relative;
        }
       
        .select-display {
            width: 100%;
             padding: 10px 12px;
             border: 1px solid #ced4da;
             border-radius: 6px;
            font-size: 13px;
            background: white;
            cursor: pointer;
            text-align: right;
             position: relative;
             position: relative;
            overflow: hidden;
         }
         }
          
          
         .box::before {
         .select-display:after {
             content: '';
             content: "▼";
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 10px;
            color: #6c757d;
        }
       
        .options-list {
             position: absolute;
             position: absolute;
             top: 0;
             top: 100%;
             left: 0;
             left: 0;
             right: 0;
             right: 0;
             height: 4px;
             background: white;
             background: linear-gradient(90deg, #8B4513, #A52A2A, #D4AF37);
            border: 1px solid #ced4da;
            border-radius: 6px;
            max-height: 400px;
            overflow-y: auto;
            z-index: 1000;
            display: none;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
       
        .search-box {
            padding: 10px;
            border-bottom: 1px solid #e9ecef;
             background: #f8f9fa;
            position: sticky;
            top: 0;
        }
       
        .search-input {
            width: 100%;
            padding: 8px 12px;
            border: 1px solid #ced4da;
            border-radius: 4px;
            font-size: 13px;
        }
       
        .options-container {
            max-height: 300px;
            overflow-y: auto;
        }
       
        .option-item {
            padding: 10px 12px;
            cursor: pointer;
            border-bottom: 1px solid #f1f1f1;
            font-size: 13px;
        }
       
        .option-item:hover {
            background: #f0f8f0;
         }
         }
          
          
         .box:hover {
         .highlight {
             transform: translateY(-8px);
             background: #fff3cd;
             box-shadow: 0 15px 35px rgba(0,0,0,0.12);
            font-weight: bold;
            padding: 1px 2px;
             border-radius: 2px;
         }
         }
          
          
         .box-icon {
         .no-results {
             font-size: 3.5rem;
            color: #6c757d;
             color: #8B4513;
             font-style: italic;
             margin-bottom: 25px;
             text-align: center;
             padding: 15px;
         }
         }
          
          
         .box-title {
         .content-frame {
             font-size: 1.8rem;
             margin: 0 15px;
             color: #2c3e50;
            border: 1px solid #dee2e6;
             margin-bottom: 20px;
            overflow: hidden;
            background: white;
            height: 500px;
        }
 
        .content-header {
            padding: 12px 15px;
             background: #f8f9fa;
             border-bottom: 1px solid #dee2e6;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
       
        .content-title {
             font-weight: 600;
             font-weight: 600;
            color: #3e6f73;
            font-size: 14px;
         }
         }
          
          
         .box-description {
         .content-controls {
             color: #666;
             display: flex;
             margin-bottom: 30px;
            gap: 8px;
             line-height: 1.7;
        }
             font-size: 1.15rem;
       
        .control-btn {
            background: white;
            border: 1px solid #dee2e6;
            border-radius: 4px;
            padding: 6px 12px;
            cursor: pointer;
            font-size: 12px;
            display: flex;
             align-items: center;
            gap: 4px;
        }
       
        .iframe-container {
            width: 100%;
            height: calc(100% - 50px);
             position: relative;
        }
       
        .clean-frame {
            width: 100%;
            height: 100%;
            border: none;
            background: white;
        }
       
        .iframe-placeholder {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            color: #6c757d;
             font-size: 14px;
            text-align: center;
            padding: 20px;
            background: white;
        }
       
        .action-buttons {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 15px;
            background-color: #f8f9fa;
            border-top: 1px solid #dee2e6;
            gap: 8px;
         }
         }
          
          
         .box-btn {
         .wiki-link, .site-link, .view-link {
            display: inline-block;
             background: #3e6f73;
            padding: 14px 40px;
             background: linear-gradient(135deg, #8B4513 0%, #A52A2A 100%);
             color: white;
             color: white;
             text-decoration: none;
             text-decoration: none;
             border-radius: 8px;
            font-weight: 600;
             font-weight: 500;
            padding: 10px 15px;
             transition: all 0.3s ease;
             border-radius: 4px;
             border: none;
             font-size: 13px;
             cursor: pointer;
            text-align: center;
             font-size: 1.1rem;
             flex: 1;
             display: flex;
             align-items: center;
             justify-content: center;
            gap: 6px;
        }
       
        .site-link {
            background: #6c757d;
         }
         }
          
          
         .box-btn:hover {
         .view-link {
             background: linear-gradient(135deg, #A52A2A 0%, #8B4513 100%);
             background: #4a7c59;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(165, 42, 42, 0.3);
         }
         }
          
          
         /* استایل‌های رسپانسیو */
         .loading-bar {
        @media (max-width: 1024px) {
            height: 2px;
             .boxes-grid {
            background: linear-gradient(90deg, #8fb996, #3e6f73);
                grid-template-columns: repeat(2, 1fr);
            width: 0%;
                gap: 25px;
             transition: width 0.4s ease;
             }
            position: absolute;
            top: 0;
             right: 0;
         }
         }
          
          
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .boxes-grid {
             .filter-row {
                 grid-template-columns: 1fr;
                 flex-direction: column;
                 gap: 20px;
            }
           
            .content-frame {
                height: 400px;
            }
           
            .action-buttons {
                flex-direction: column;
            }
           
            .wiki-link, .site-link, .view-link {
                width: 100%;
            }
           
            .content-header {
                flex-direction: column;
                 gap: 8px;
                align-items: flex-start;
            }
           
            .content-controls {
                width: 100%;
                justify-content: space-between;
             }
             }
         }
         }
خط ۱۶۲: خط ۳۵۱:
</head>
</head>
<body>
<body>
    <!-- حروف باستانی در کل پس‌زمینه -->
     <div class="container">
     <div class="ancient-letters-overlay">
         <header class="header">
        <span class="letter">α</span>
            <h1>کتابخانه دانشنامه کتاب مقدس</h1>
        <span class="letter">β</span>
            <p class="description">مطالعه آنلاین کتاب‌ها و مقالات مسیحی</p>
        <span class="letter">γ</span>
         </header>
        <span class="letter">δ</span>
        <span class="letter">א</span>
        <span class="letter">ב</span>
        <span class="letter">ג</span>
         <span class="letter">ד</span>
        <span class="letter">𐤀</span>
        <span class="letter">𐤁</span>
         <span class="letter">𐤂</span>
        <span class="letter">Δ</span>
        <span class="letter">Θ</span>
        <span class="letter">Λ</span>
        <span class="letter">Σ</span>
        <span class="letter">Ψ</span>
        <span class="letter">Ω</span>
        <span class="letter">𐎀</span>
        <span class="letter">𐎁</span>
        <span class="letter">𐎂</span>
    </div>


    <!-- بخش باکس‌ها -->
        <section class="seo-content">
    <section class="boxes-section">
            <h2>کتابخانه جامع منابع مسیحی</h2>
        <div class="container">
             <p>کتابخانهٔ دانشنامهٔ کتاب مقدس مرجع کامل و تخصصی برای مطالعهٔ آنلاین کتاب‌ها و مقالات مسیحی است.</p>
             <h2 class="section-title">بخش‌های اصلی سایت</h2>
           
             <div class="boxes-grid">
             <div class="content-list">
                <!-- باکس ۱ -->
                 <div class="content-item">
                 <div class="box">
                     <h3>کتاب‌ها</h3>
                     <div class="box-icon">
                    <p>انتشار همهٔ کتاب‌ها در دانشنامه با اجازهٔ رسمی نویسندگان یا ناشران انجام شده است، و برای برخی آثار، مجوز چاپ مجدد نیز دریافت گردیده است. تمامی حقوق برای انتشارات دانشنامهٔ کتاب مقدس محفوظ است.
                        <i class="fas fa-book"></i>
نویسندگان و ناشران مسیحی می‌توانند برای همکاری و انتشار آثار خود با ما در ارتباط باشند.</p>
                    </div>
                </div>
                    <h3 class="box-title">کتابخانه دیجیتال</h3>
                <div class="content-item">
                     <p class="box-description">
                    <h3>مقالات</h3>
                        دسترسی به مجموعه کامل کتاب‌های مذهبی، تفسیرها و منابع مطالعاتی
                     <p>مقالات دانشنامه با اجازهٔ نویسندگان یا بر اساس منابع عمومی و بدون حق کپی‌رایت منتشر می‌شوند. در همهٔ موارد، اصول امانت‌داری و احترام به منبع اصلی رعایت شده است.
                        در زمینه‌های مختلف دینی و معنوی
پژوهشگران و نویسندگان مسیحی می‌توانند برای انتشار مقالات خود با ما همکاری کنند</p>
                    </p>
                </div>
                    <a href="#" class="box-btn">ورود به کتابخانه</a>
                <div class="content-item">
                    <h3>فروشگاه کتاب</h3>
                    <p>در فروشگاه کتاب دانشنامه، امکان خرید کتاب‌های چاپی و الکترونیکی فراهم شده است.</p>
                 </div>
                 </div>
            </div>
        </section>


                <!-- باکس ۲ -->
        <section class="filter-section">
                 <div class="box">
            <div class="filter-row">
                     <div class="box-icon">
                 <div class="form-group">
                        <i class="fas fa-pray"></i>
                    <label for="categorySelect"><i class="fas fa-folder"></i> دسته‌بندی:</label>
                    <select id="categorySelect">
                        <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
                        <option value="کتاب">کتاب</option>
                        <option value="مقاله">مقاله</option>
                        <option value="فروشگاه کتاب">فروشگاه کتاب</option>
                     </select>
                </div>
               
                <div class="form-group">
                    <label for="contentSelect"><i class="fas fa-book-open"></i> انتخاب محتوا:</label>
                    <div class="searchable-select">
                        <div class="select-display" id="selectDisplay">لطفاً دسته‌بندی انتخاب کنید</div>
                        <div class="options-list" id="optionsList">
                            <div class="search-box">
                                <input type="text" class="search-input" id="searchInput" placeholder="جستجو در محتواها...">
                            </div>
                            <div class="options-container" id="optionsContainer">
                                <div class="no-results">لطفاً ابتدا یک دسته‌بندی انتخاب کنید</div>
                            </div>
                        </div>
                     </div>
                     </div>
                     <h3 class="box-title">مطالعات دینی</h3>
                     <input type="hidden" id="selectedContentValue">
                    <p class="box-description">
                        مقالات تخصصی، داستان‌های آموزنده و مطالب عمیق در زمینه سیر و سلوک
                        و رشد معنوی
                    </p>
                    <a href="#" class="box-btn">مطالعه مطالب</a>
                 </div>
                 </div>
 
            </div>
                <!-- باکس ۳ -->
        </section>
                 <div class="box">
       
                     <div class="box-icon">
        <section class="content-frame">
                        <i class="fas fa-hands-praying"></i>
            <div class="content-header">
                    </div>
                <div class="content-title" id="contentTitle">هیچ محتوایی انتخاب نشده است</div>
                     <h3 class="box-title">مناجات و ادعیه</h3>
                 <div class="content-controls">
                    <p class="box-description">
                     <button class="control-btn" id="zoomOut"><i class="fas fa-search-minus"></i> کوچک‌نمایی</button>
                        مجموعه کامل ادعیه، مناجات‌ها و اذکار با ترجمه و تفسیر برای
                     <button class="control-btn" id="zoomIn"><i class="fas fa-search-plus"></i> بزرگ‌نمایی</button>
                        استفاده در اوقات مختلف
                     <button class="control-btn" id="directView"><i class="fas fa-external-link-alt"></i> مشاهده مستقیم</button>
                    </p>
                     <a href="#" class="box-btn">مشاهده ادعیه</a>
                 </div>
                 </div>
 
            </div>
                <!-- باکس ۴ -->
            <div class="loading-bar" id="loadingBar"></div>
                <div class="box">
            <div class="iframe-container">
                    <div class="box-icon">
                <div class="iframe-placeholder" id="iframePlaceholder">
                         <i class="fas fa-users"></i>
                    <div>
                         <i class="fas fa-book-open" style="font-size: 2rem; color: #6c757d; margin-bottom: 10px;"></i>
                        <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                     </div>
                     </div>
                    <h3 class="box-title">جامعه معنوی</h3>
                    <p class="box-description">
                        ارتباط با دیگر علاقه‌مندان، پرسش و پاسخ دینی و مشارکت در
                        بحث‌های سازنده معنوی
                    </p>
                    <a href="#" class="box-btn">پیوستن به جامعه</a>
                 </div>
                 </div>
                <iframe id="contentFrame" class="clean-frame" src="about:blank" style="display: none;" title="محتوای مطالعه"></iframe>
             </div>
             </div>
         </div>
            <div class="action-buttons">
     </section>
                <a id="siteLink" href="#" class="site-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                    <i class="fas fa-home"></i>
                    مشاهده صفحه در سایت اصلی
                </a>
                <a id="wikiLink" href="#" class="wiki-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                    <i class="fab fa-wikipedia-w"></i>
                    مشاهده صفحه کامل در ویکی
                </a>
                <a id="viewLink" href="#" class="view-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                    <i class="fas fa-eye"></i>
                    مشاهده صفحه
                </a>
            </div>
         </section>
     </div>


     <script>
     <script>
         // انیمیشن حروف
         // داده‌های واقعی
         document.addEventListener('DOMContentLoaded', function() {
         const booksData = {
             const letters = document.querySelectorAll('.letter');
            'کتاب': [
             letters.forEach((letter, index) => {
                { value: 'کتاب_مسیحیت_در_ایران_تا_صدر_اسلام', text: 'کتاب مسیحیت در ایران تا صدر اسلام' },
                 letter.style.animationDelay = `${index * 0.5}s`;
                { value: '...', text: 'بزودی' },
                { value: '...', text: 'بزودی' }
            ],
            'مقاله': [
                { value: 'مقاله_۸_تفاوت_کلیدی_بین_کاتولیک‌ها_و_پروتستان‌ها_نویسنده', text: 'مقاله: ۸ تفاوت کلیدی بین کاتولیک‌ها و پروتستان‌ها' },
                { value: 'مقاله_برادران،_ما_تحلیل%E2%80%8Cگران_سیاسی_نیستیم', text: 'مقاله: برادران، ما تحلیل‌گران سیاسی نیستیم' },
                { value: 'مقاله_گناه_آدمی_را_نادان_می‌کند', text: 'مقاله: گناه آدمی را نادان می‌کند' },
                { value: 'مقاله_۴_دلیل_که_چرا_کتاب_مقدس_از_تراجنسیتی_بودن_حمایت_نمی%E2%80%8Cکند', text: 'مقاله: ۴ دلیل که چرا کتاب مقدس از تراجنسیتی بودن حمایت نمی‌کند' },
                { value: '۱۰_معنای_یهوه', text: 'مقاله: ۱۰ معنای یهوه' },
                { value: 'تدریس،_آموزش_و_مطالعه', text: 'مقاله: تدریس، آموزش و مطالعه' },
                { value: 'خدمت_به_خدا_یعنی_چه', text: 'مقاله: خدمت به خدا یعنی چه' },
                { value: '...', text: 'بزودی' },
                { value: '...', text: 'بزودی' },
                { value: '...', text: 'بزودی' }
            ],
            'فروشگاه کتاب': [
                { value: 'کتاب_اسلحه_هایی_در_جنگ_علیه_نیروهای_شیطانی', text: 'اسلحه هایی در جنگ علیه نیروهای شیطانی' },
                { value: 'کتاب_شناخت_عطیه_های_روح_القدس_در_تعلیم_و_عمل', text: 'شناخت عطیه های روح القدس در تعلیم و عمل' },
                { value: 'کتاب_کشف_عطیه_های_روح_القدس_در_خود', text: 'کشف عطیه های روح القدس در خود' },
                { value: 'کتاب_اسلحه_هایی_در_جنگ_علیه_نیروهای_شیطانی', text: 'اسلحه هایی در جنگ علیه نیروهای شیطانی' },
                { value: 'کتاب_گشودن_وعده_های_ابراهیم', text: 'گشودن وعده های ابراهیم' },
                { value: 'کتاب_رهبری_روحانی', text: 'کتاب رهبری روحانی' },
                { value: 'کتاب_ژنرالهای_خدا', text: 'ژنرال های خدا' },
                { value: 'بزودی', text: 'بزودی' },
                { value: 'بزودی', text: 'بزودی' },
                { value: 'بزودی', text: 'بزودی' }
            ]
        };
 
        // عناصر DOM
        const categorySelect = document.getElementById('categorySelect');
        const selectDisplay = document.getElementById('selectDisplay');
        const searchInput = document.getElementById('searchInput');
        const optionsList = document.getElementById('optionsList');
        const optionsContainer = document.getElementById('optionsContainer');
        const selectedContentValue = document.getElementById('selectedContentValue');
 
        const contentFrame = document.getElementById('contentFrame');
        const iframePlaceholder = document.getElementById('iframePlaceholder');
        const wikiLink = document.getElementById('wikiLink');
        const siteLink = document.getElementById('siteLink');
        const viewLink = document.getElementById('viewLink');
        const contentTitle = document.getElementById('contentTitle');
        const zoomIn = document.getElementById('zoomIn');
        const zoomOut = document.getElementById('zoomOut');
        const directView = document.getElementById('directView');
        const loadingBar = document.getElementById('loadingBar');
 
        let currentZoom = 100;
        let currentContent = '';
        let currentItems = [];
 
        // وقتی دسته‌بندی تغییر کرد
        categorySelect.addEventListener('change', function() {
             const selectedCategory = this.value;
           
            if (!selectedCategory) {
                selectDisplay.textContent = 'لطفاً دسته‌بندی انتخاب کنید';
                selectDisplay.style.color = '#6c757d';
                selectedContentValue.value = '';
                optionsList.style.display = 'none';
                resetContent();
                return;
            }
           
            // فعال کردن نمایش
            selectDisplay.textContent = 'برای مشاهده محتوا کلیک کنید';
            selectDisplay.style.color = '#333';
            selectedContentValue.value = '';
            currentItems = booksData[selectedCategory];
           
            resetContent();
        });
 
        // وقتی روی نمایش کلیک می‌شود
        selectDisplay.addEventListener('click', function() {
            if (!categorySelect.value) {
                alert('لطفاً ابتدا یک دسته‌بندی انتخاب کنید');
                categorySelect.focus();
                return;
            }
           
            if (optionsList.style.display === 'block') {
                optionsList.style.display = 'none';
            } else {
                optionsList.style.display = 'block';
                searchInput.value = '';
               
                // در اینجا تابع populateOptions فراخوانی می‌شود
                populateOptions(currentItems);
               
                setTimeout(() => {
                    searchInput.focus();
                }, 100);
            }
        });
 
        // وقتی کاربر در فیلد جستجو تایپ می‌کند
        searchInput.addEventListener('input', function() {
            const searchTerm = this.value.toLowerCase();
            const filteredItems = currentItems.filter(item =>
                item.text.toLowerCase().includes(searchTerm)
            );
            populateOptions(filteredItems, searchTerm);
        });
 
        // پر کردن لیست گزینه‌ها - این تابع اکنون به درستی فراخوانی می‌شود
        function populateOptions(itemsList, searchTerm = '') {
            console.log('populateOptions فراخوانی شد با', itemsList.length, 'آیتم');
           
            optionsContainer.innerHTML = '';
           
            if (itemsList.length === 0) {
                const noResult = document.createElement('div');
                noResult.className = 'no-results';
                noResult.textContent = 'نتیجه‌ای یافت نشد';
                optionsContainer.appendChild(noResult);
                return;
             }
           
            itemsList.forEach(item => {
                const option = document.createElement('div');
                option.className = 'option-item';
               
                if (searchTerm) {
                    // هایلایت کردن متن جستجو شده
                    const regex = new RegExp(`(${searchTerm})`, 'gi');
                    const highlightedText = item.text.replace(regex, '<span class="highlight">$1</span>');
                    option.innerHTML = highlightedText;
                } else {
                    option.textContent = item.text;
                }
                  
                option.addEventListener('click', function() {
                    selectDisplay.textContent = item.text;
                    selectDisplay.style.color = '#333';
                    selectedContentValue.value = item.value;
                    optionsList.style.display = 'none';
                   
                    // نمایش محتوا
                    currentContent = item.value;
                    showContent(item.value, item.text);
                });
               
                optionsContainer.appendChild(option);
             });
             });
        }
        // نمایش محتوا
        function showContent(bookValue, bookText) {
            const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
            const wikiUrl = `https://www.pediabible.com/index.php/${bookValue}`;
            const siteUrl = `https://www.pediabible.com/index.php/${bookValue}`;
           
            contentTitle.textContent = bookText;
           
            // نمایش loading
            contentFrame.style.display = 'none';
            iframePlaceholder.style.display = 'flex';
            iframePlaceholder.innerHTML = `
                <div>
                    <i class="fas fa-spinner fa-spin" style="font-size: 1.5rem; color: #3e6f73; margin-bottom: 10px;"></i>
                    <p>در حال بارگذاری "${bookText}"...</p>
                </div>
            `;
           
            // نوار پیشرفت
            let progress = 0;
            const progressInterval = setInterval(() => {
                progress += Math.random() * 15;
                if (progress > 90) progress = 90;
                loadingBar.style.width = `${progress}%`;
            }, 200);
           
            // بارگذاری محتوا
            contentFrame.src = contentUrl;
           
            contentFrame.onload = function() {
                clearInterval(progressInterval);
                loadingBar.style.width = '100%';
                setTimeout(() => {
                    loadingBar.style.width = '0%';
                }, 500);
               
                contentFrame.style.display = 'block';
                iframePlaceholder.style.display = 'none';
                applyZoom();
            };
           
            contentFrame.onerror = function() {
                clearInterval(progressInterval);
                loadingBar.style.width = '0%';
                iframePlaceholder.style.display = 'flex';
                iframePlaceholder.innerHTML = `
                    <div>
                        <i class="fas fa-exclamation-triangle" style="font-size: 1.5rem; color: #dc3545; margin-bottom: 10px;"></i>
                        <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                    </div>
                `;
                contentFrame.style.display = 'none';
            };
           
            // به‌روزرسانی لینک‌ها
            wikiLink.href = wikiUrl;
            wikiLink.style.display = 'flex';
           
            siteLink.href = siteUrl;
            siteLink.style.display = 'flex';
           
            viewLink.href = contentUrl;
            viewLink.style.display = 'flex';
        }
        // مشاهده مستقیم
        directView.addEventListener('click', function() {
            if (currentContent) {
                const directUrl = `https://www.pediabible.com/index.php/${currentContent}`;
                window.open(directUrl, '_blank', 'noopener,noreferrer');
            }
         });
         });
        // کنترل بزرگ‌نمایی
        function applyZoom() {
            contentFrame.style.zoom = `${currentZoom}%`;
        }
        zoomIn.addEventListener('click', function() {
            if (currentZoom < 150) {
                currentZoom += 10;
                applyZoom();
            }
        });
        zoomOut.addEventListener('click', function() {
            if (currentZoom > 50) {
                currentZoom -= 10;
                applyZoom();
            }
        });
        function resetContent() {
            currentContent = '';
            contentTitle.textContent = 'هیچ محتوایی انتخاب نشده است';
            contentFrame.style.display = 'none';
            iframePlaceholder.style.display = 'flex';
            iframePlaceholder.innerHTML = `
                <div>
                    <i class="fas fa-book-open" style="font-size: 1.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                    <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                </div>
            `;
            wikiLink.style.display = 'none';
            siteLink.style.display = 'none';
            viewLink.style.display = 'none';
            contentFrame.src = 'about:blank';
            loadingBar.style.width = '0%';
        }
        // بستن لیست وقتی کاربر در جای دیگری کلیک می‌کند
        document.addEventListener('click', function(event) {
            if (!event.target.closest('.searchable-select')) {
                optionsList.style.display = 'none';
            }
        });
        // مدیریت کلیدهای کیبورد
        searchInput.addEventListener('keydown', function(event) {
            if (event.key === 'Escape') {
                optionsList.style.display = 'none';
            }
        });
        // لاگ برای دیباگ
        console.log('سیستم بارگذاری شد. حالا می‌توانید تست کنید:');
        console.log('1. یک دسته‌بندی انتخاب کنید');
        console.log('2. روی "برای مشاهده محتوا کلیک کنید" کلیک کنید');
        console.log('3. لیست محتواها نمایش داده می‌شود');
     </script>
     </script>
</body>
</body>
</html>
</html>

نسخهٔ کنونی تا ‏۱۶ اکتبر ۲۰۲۵، ساعت ۱۷:۵۶

کتابخانه انتشارات دانشنامه کتاب مقدس

کتابخانه دانشنامه کتاب مقدس

مطالعه آنلاین کتاب‌ها و مقالات مسیحی

کتابخانه جامع منابع مسیحی

کتابخانهٔ دانشنامهٔ کتاب مقدس مرجع کامل و تخصصی برای مطالعهٔ آنلاین کتاب‌ها و مقالات مسیحی است.

کتاب‌ها

انتشار همهٔ کتاب‌ها در دانشنامه با اجازهٔ رسمی نویسندگان یا ناشران انجام شده است، و برای برخی آثار، مجوز چاپ مجدد نیز دریافت گردیده است. تمامی حقوق برای انتشارات دانشنامهٔ کتاب مقدس محفوظ است. نویسندگان و ناشران مسیحی می‌توانند برای همکاری و انتشار آثار خود با ما در ارتباط باشند.

مقالات

مقالات دانشنامه با اجازهٔ نویسندگان یا بر اساس منابع عمومی و بدون حق کپی‌رایت منتشر می‌شوند. در همهٔ موارد، اصول امانت‌داری و احترام به منبع اصلی رعایت شده است. پژوهشگران و نویسندگان مسیحی می‌توانند برای انتشار مقالات خود با ما همکاری کنند

فروشگاه کتاب

در فروشگاه کتاب دانشنامه، امکان خرید کتاب‌های چاپی و الکترونیکی فراهم شده است.

لطفاً دسته‌بندی انتخاب کنید
لطفاً ابتدا یک دسته‌بندی انتخاب کنید
هیچ محتوایی انتخاب نشده است

لطفاً یک کتاب یا مقاله از لیست انتخاب کنید

برگرفته از «https://www.pediabible.com/index.php?title=کتابخانه_دانشنامه_کتاب_مقدس&oldid=4501»