پرش به محتوا

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

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۳۲ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۳: خط ۳:
     <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>
خط ۱۳: خط ۱۳:
          
          
         body {
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             font-family: Tahoma, Arial, sans-serif;
             background: #f8faf9;
             background-color: #f6f6f6;
             color: #3c6d71;
             color: #333;
             line-height: 1.6;
             line-height: 1.6;
            min-height: 100vh;
         }
         }
          
          
         .container {
         .container {
             max-width: 1400px;
             max-width: 1200px;
             margin: 0 auto;
             margin: 0 auto;
             padding: 40px 20px;
             background: white;
         }
         }
          
          
        /* حروف باستانی در کل صفحه اما با محدودیت */
         .header {
         .ancient-letters-overlay {
             background: linear-gradient(135deg, #3e6f73, #4a7c59);
             position: fixed;
             color: white;
             top: 0;
             padding: 20px 15px;
             left: 0;
             text-align: center;
             right: 0;
        }
             bottom: 0;
       
             opacity: 0.03;
        h1 {
             font-size: 100px;
            margin: 0;
             display: flex;
             font-size: 22px;
             justify-content: space-around;
             font-weight: 700;
             align-items: center;
        }
             flex-wrap: wrap;
       
             padding: 50px;
        .description {
             font-family: 'Times New Roman', serif;
            color: rgba(255,255,255,0.9);
             pointer-events: none;
             font-size: 13px;
             z-index: -1;
            margin-top: 8px;
        }
       
        .seo-content {
            background: #fff;
             padding: 20px 15px;
            margin: 0 15px 15px;
            border-radius: 8px;
             border: 1px solid #e9ecef;
        }
       
        .seo-content h2 {
            color: #3e6f73;
            margin-bottom: 15px;
             font-size: 18px;
        }
       
        .seo-content p {
             margin-bottom: 15px;
             text-align: justify;
             font-size: 14px;
        }
       
        .content-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
             margin-top: 15px;
        }
       
        .content-item {
            background: #f8f9fa;
             padding: 15px;
            border-radius: 6px;
            border-left: 4px solid #3e6f73;
         }
         }
          
          
         .letter {
         .content-item h3 {
             margin: 15px 25px;
             color: #3e6f73;
             color: #3c6d71;
             margin-bottom: 8px;
             animation: float 10s ease-in-out infinite;
             font-size: 15px;
         }
         }
          
          
         .letter:nth-child(2n) {
         .content-item p {
             animation-delay: 2s;
             font-size: 13px;
            color: #666;
         }
         }
          
          
         .letter:nth-child(3n) {
         .filter-section {
             animation-delay: 4s;
             margin: 0 15px 15px;
            background: #f8f9fa;
            padding: 15px;
            border: 1px solid #dee2e6;
         }
         }
          
          
         @keyframes float {
         .filter-row {
             0%, 100% { transform: translateY(0px) rotate(0deg); }
             display: flex;
             50% { transform: translateY(-15px) rotate(3deg); }
             gap: 10px;
         }
         }
          
          
        /* بخش باکس‌ها */
         .form-group {
         .boxes-section {
            flex: 1;
             position: relative;
             position: relative;
            z-index: 1;
         }
         }
          
          
         .section-title {
         label {
             text-align: center;
             display: block;
            font-size: 3rem;
             margin-bottom: 6px;
            color: #3c6d71;
             margin-bottom: 60px;
             font-weight: 600;
             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;
         }
         }
          
          
        /* گرید برای کامپیوتر - 3 ستون در 2 ردیف با فضای بیشتر */
         .searchable-select {
         .boxes-grid {
             position: relative;
             display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: repeat(2, auto);
            gap: 35px;
         }
         }
          
          
         .box {
         .select-display {
             background: linear-gradient(135deg, #ffffff 0%, #f8fbfb 100%);
             width: 100%;
             border-radius: 20px;
            padding: 10px 12px;
             padding: 40px 35px;
             border: 1px solid #ced4da;
             text-align: center;
             border-radius: 6px;
             box-shadow: 0 12px 40px rgba(60, 109, 113, 0.1);
             font-size: 13px;
             border: 2px solid #e8f0f1;
             background: white;
             transition: all 0.4s ease;
             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: 5px;
             background: white;
             background: linear-gradient(90deg, #3c6d71, #5a8d91, #7aadb1);
            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;
         }
         }
          
          
         .box:hover {
         .search-input {
             transform: translateY(-8px);
            width: 100%;
             box-shadow: 0 20px 50px rgba(60, 109, 113, 0.15);
             padding: 8px 12px;
             border-color: #d4e6e8;
            border: 1px solid #ced4da;
             border-radius: 4px;
             font-size: 13px;
         }
         }
          
          
         .box-icon {
         .options-container {
             font-size: 3.5rem;
             max-height: 300px;
             color: #3c6d71;
             overflow-y: auto;
            margin-bottom: 25px;
         }
         }
          
          
         .box-title {
         .option-item {
             font-size: 1.8rem;
            padding: 10px 12px;
             color: #3c6d71;
            cursor: pointer;
             margin-bottom: 20px;
            border-bottom: 1px solid #f1f1f1;
             font-size: 13px;
        }
       
        .option-item:hover {
            background: #f0f8f0;
        }
       
        .highlight {
            background: #fff3cd;
            font-weight: bold;
            padding: 1px 2px;
            border-radius: 2px;
        }
       
        .no-results {
             color: #6c757d;
            font-style: italic;
            text-align: center;
            padding: 15px;
        }
       
        .content-frame {
             margin: 0 15px;
            border: 1px solid #dee2e6;
            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: #5a8d91;
             display: flex;
             margin-bottom: 30px;
             gap: 8px;
            line-height: 1.8;
            font-size: 1.1rem;
         }
         }
          
          
        /* دکمه‌ها با تضمین رنگ سفید */
         .control-btn {
         .box-btn {
             background: white;
            display: inline-block;
             border: 1px solid #dee2e6;
            padding: 12px 35px;
             border-radius: 4px;
             background: linear-gradient(135deg, #3c6d71 0%, #5a8d91 100%);
             padding: 6px 12px;
            color: white !important; /* استفاده از !important برای تضمین */
             text-decoration: none;
             border-radius: 8px;
             font-weight: 600; /* ضخیم‌تر برای خوانایی بهتر */
            transition: all 0.3s ease;
            border: none;
             cursor: pointer;
             cursor: pointer;
             font-size: 1.1rem;
             font-size: 12px;
            display: flex;
            align-items: center;
            gap: 4px;
        }
       
        .iframe-container {
            width: 100%;
            height: calc(100% - 50px);
             position: relative;
             position: relative;
            z-index: 10;
         }
         }
          
          
         .box-btn:hover {
         .clean-frame {
             background: linear-gradient(135deg, #2a4d50 0%, #3c6d71 100%);
             width: 100%;
             transform: translateY(-3px);
             height: 100%;
             box-shadow: 0 6px 20px rgba(60, 109, 113, 0.4);
             border: none;
             color: white !important; /* تضمین سفید در hover */
             background: white;
         }
         }
          
          
         /* رسپانسیو برای تبلت - 2 ستون */
         .iframe-placeholder {
        @media (max-width: 1200px) {
            display: flex;
             .boxes-grid {
            align-items: center;
                grid-template-columns: repeat(2, 1fr);
            justify-content: center;
                grid-template-rows: repeat(3, auto);
            height: 100%;
                gap: 30px;
            color: #6c757d;
             }
            font-size: 14px;
              
            text-align: center;
             .section-title {
            padding: 20px;
                font-size: 2.5rem;
             background: white;
                margin-bottom: 50px;
        }
             }
       
              
        .action-buttons {
             .box {
            display: flex;
                padding: 35px 30px;
            justify-content: space-between;
             }
            align-items: center;
              
            padding: 12px 15px;
             .container {
            background-color: #f8f9fa;
                padding: 30px 20px;
            border-top: 1px solid #dee2e6;
             }
            gap: 8px;
        }
       
        .wiki-link, .site-link, .view-link {
            background: #3e6f73;
            color: white;
            text-decoration: none;
             font-weight: 600;
             padding: 10px 15px;
             border-radius: 4px;
            font-size: 13px;
            text-align: center;
            flex: 1;
            display: flex;
            align-items: center;
             justify-content: center;
            gap: 6px;
        }
       
        .site-link {
             background: #6c757d;
        }
       
        .view-link {
             background: #4a7c59;
        }
       
        .loading-bar {
            height: 2px;
             background: linear-gradient(90deg, #8fb996, #3e6f73);
             width: 0%;
             transition: width 0.4s ease;
            position: absolute;
            top: 0;
             right: 0;
         }
         }
          
          
        /* رسپانسیو برای موبایل - 1 ستون */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .boxes-grid {
             .filter-row {
                 grid-template-columns: 1fr;
                 flex-direction: column;
                grid-template-rows: repeat(6, auto);
                gap: 25px;
                max-width: 600px;
                margin: 0 auto;
            }
           
            .section-title {
                font-size: 2.2rem;
                margin-bottom: 40px;
             }
             }
              
              
             .box {
             .content-frame {
                 padding: 30px 25px;
                 height: 400px;
             }
             }
              
              
             .box-icon {
             .action-buttons {
                 font-size: 3rem;
                 flex-direction: column;
             }
             }
              
              
             .box-title {
             .wiki-link, .site-link, .view-link {
                 font-size: 1.6rem;
                 width: 100%;
             }
             }
              
              
             .ancient-letters-overlay {
             .content-header {
                 font-size: 70px;
                 flex-direction: column;
                 padding: 30px;
                 gap: 8px;
                align-items: flex-start;
             }
             }
              
              
             .container {
             .content-controls {
                 padding: 25px 15px;
                 width: 100%;
            }
                 justify-content: space-between;
        }
       
        /* برای موبایل‌های خیلی کوچک */
        @media (max-width: 480px) {
            .section-title {
                font-size: 1.8rem;
            }
           
            .box {
                padding: 25px 20px;
            }
           
            .box-btn {
                padding: 10px 25px;
                 font-size: 1rem;
            }
           
            .ancient-letters-overlay {
                font-size: 50px;
             }
             }
         }
         }
خط ۲۳۹: خط ۳۵۱:
</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>
    </div>


    <!-- محتوای اصلی -->
        <section class="seo-content">
    <div class="container">
            <h2>کتابخانه جامع منابع مسیحی</h2>
          <section class="boxes-section">
            <p>کتابخانهٔ دانشنامهٔ کتاب مقدس مرجع کامل و تخصصی برای مطالعهٔ آنلاین کتاب‌ها و مقالات مسیحی است.</p>
        <h2 class="section-title">
           
            دانشنامهٔ کتاب مقدس | مرجع تخصصی پژوهش و تحلیل زبانی، تاریخی و الاهیاتی کتاب مقدس برای پژوهشگران و ایمانداران
             <div class="content-list">
        </h2>
                 <div class="content-item">
        <p style="font-size:16px; line-height:1.9; color:#333; text-align:justify; margin-top:10px;">
                     <h3>کتاب‌ها</h3>
    دانشنامه کتاب مقدس پایگاهی بی‌طرف و تخصصی است که با هدف تحلیل مفاهیم، شخصیت‌ها و متون کتاب مقدس بر پایهٔ منابع کتاب مقدسی، تاریخی و الاهیاتی معتبر تأسیس شده است.  
                    <p>انتشار همهٔ کتاب‌ها در دانشنامه با اجازهٔ رسمی نویسندگان یا ناشران انجام شده است، و برای برخی آثار، مجوز چاپ مجدد نیز دریافت گردیده است. تمامی حقوق برای انتشارات دانشنامهٔ کتاب مقدس محفوظ است.
بخش واژه‌نامهٔ کتاب مقدس در این دانشنامه، به بررسی دقیق ریشه‌شناسی و معناشناسی واژگان کتاب مقدسی و تحلیل کاربرد آن‌ها در کتاب مقدس و الاهیات مسیحی می‌پردازد.
نویسندگان و ناشران مسیحی می‌توانند برای همکاری و انتشار آثار خود با ما در ارتباط باشند.</p>
        </p>
                </div>
    </section>
                <div class="content-item">
             <div class="boxes-grid">
                    <h3>مقالات</h3>
                <!-- باکس ۱ -->
                     <p>مقالات دانشنامه با اجازهٔ نویسندگان یا بر اساس منابع عمومی و بدون حق کپی‌رایت منتشر می‌شوند. در همهٔ موارد، اصول امانت‌داری و احترام به منبع اصلی رعایت شده است.
                 <div class="box">
پژوهشگران و نویسندگان مسیحی می‌توانند برای انتشار مقالات خود با ما همکاری کنند</p>
                     <div class="box-icon">
                        <i class="fas fa-book"></i>
                    </div>
                    <h3 class="box-title">کتاب مقدس </h3>
                     <p class="box-description">
دسترسی به متن کامل ترجمه‌های پارسی کتاب مقدس، همراه با پیوند مستقیم هر واژه به مدخل مربوط در واژه‌نامهٔ دانشنامهٔ کتاب مقدس</p>
                    <a href="https://www.pediabible.com/index.php/کتاب_مقدس_آنلاین" class="box-btn">مشاهده</a>
                 </div>
                 </div>
 
                 <div class="content-item">
                <!-- باکس ۲ -->
                     <h3>فروشگاه کتاب</h3>
                 <div class="box">
                     <p>در فروشگاه کتاب دانشنامه، امکان خرید کتاب‌های چاپی و الکترونیکی فراهم شده است.</p>
                    <div class="box-icon">
                        <i class="fas fa-feather-alt"></i>
                    </div>
                     <h3 class="box-title">نویسندگان و انتشارات</h3>
                     <p class="box-description">
                        در این بخش، مقالات و کتاب‌های هر نویسنده به زبان فارسی یا ترجمه شده در اختیار پژوهشگران و علاقه‌مندان قرار گرفته است. تمامی مطالب ارائه‌شده با اجازهٔ رسمی از نویسندگان _ انتشارات و تحت نظارت دانشنامهٔ کتاب مقدس منتشر می‌شوند.
                    </p>
                    <a href="https://www.pediabible.com/index.php/نویسندگان" class="box-btn">مطالعه </a>
                 </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-robot"></i>
                    <label for="categorySelect"><i class="fas fa-folder"></i> دسته‌بندی:</label>
                     </div>
                     <select id="categorySelect">
                    <h3 class="box-title">دستیار پژوهش دانشنامه کتاب مقدس</h3>
                        <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
                    <p class="box-description">
                        <option value="کتاب">کتاب</option>
                        یک ابزار مجازی آنلاین، که پاسخ پرسش‌های شما درباره واژگان، شخصیت‌ها و مفاهیم کتاب مقدس را به‌صورت لحظه‌ای ارائه می‌دهد، با بهره‌گیری از هوش مصنوعی اختصاصی دانشنامه جستجو می‌شوند و این دستیار همواره در حال ارتقا و بهبود است.
                        <option value="مقاله">مقاله</option>
                    </p>
                        <option value="فروشگاه کتاب">فروشگاه کتاب</option>
                    <a href="https://www.pediabible.com/index.php/Ai-pediabible" class="box-btn">استفاده</a>
                    </select>
                 </div>
                 </div>
 
               
                 <!-- باکس ۴ -->
                 <div class="form-group">
                <div class="box">
                    <label for="contentSelect"><i class="fas fa-book-open"></i> انتخاب محتوا:</label>
                    <div class="box-icon">
                    <div class="searchable-select">
                        <i class="fas fa-users"></i>
                        <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="https://www.pediabible.com/index.php/دستیار" class="box-btn">مشاهده</a>
                 </div>
                 </div>
 
            </div>
                <!-- باکس 5-->
        </section>
                 <div class="box">
       
                     <div class="box-icon">
        <section class="content-frame">
                        <i class="fas fa-church"></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>
                    </p>
                     <button class="control-btn" id="directView"><i class="fas fa-external-link-alt"></i> مشاهده مستقیم</button>
                     <a href="https://www.pediabible.com/index.php/سازمان_ها" 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-download"></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="https://www.pediabible.com/index.php/APP" class="box-btn">مشاهده</a>
                 </div>
                 </div>
                <iframe id="contentFrame" class="clean-frame" src="about:blank" style="display: none;" title="محتوای مطالعه"></iframe>
            </div>
            <div class="action-buttons">
                <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>
             </div>
         </section>
         </section>
خط ۳۴۷: خط ۴۴۶:


     <script>
     <script>
         // انیمیشن حروف
         // داده‌های واقعی
         document.addEventListener('DOMContentLoaded', function() {
         const booksData = {
             const letters = document.querySelectorAll('.letter');
            'کتاب': [
             letters.forEach((letter, index) => {
                { value: 'کتاب_مسیحیت_در_ایران_تا_صدر_اسلام', text: 'کتاب مسیحیت در ایران تا صدر اسلام' },
                 letter.style.animationDelay = `${index * 0.8}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=4488»