پرش به محتوا

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

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۳۸ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<!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>
        /* تمام استایل‌های CSS مانند قبل */
        :root {
            --primary-color: #2c3e50;
            --secondary-color: #8B4513;
            --accent-color: #A52A2A;
            --light-color: #f8f5f2;
            --dark-color: #3E2723;
            --border-color: #D2B48C;
            --gold-color: #D4AF37;
            --font-family: 'Times New Roman', serif;
        }
       
         * {
         * {
             margin: 0;
             margin: 0;
خط ۲۶: خط ۱۳:
          
          
         body {
         body {
             font-family: var(--font-family);
             font-family: Tahoma, Arial, sans-serif;
             background: linear-gradient(135deg, #f5f1eb 0%, #e8dfd1 100%);
             background-color: #f6f6f6;
             color: var(--dark-color);
             color: #333;
             line-height: 1.6;
             line-height: 1.6;
            min-height: 100vh;
         }
         }
          
          
خط ۳۶: خط ۲۲:
             max-width: 1200px;
             max-width: 1200px;
             margin: 0 auto;
             margin: 0 auto;
             padding: 5px 15px;
             background: white;
         }
         }
          
          
         .app-header {
         .header {
            background: linear-gradient(135deg, #3e6f73, #4a7c59);
            color: white;
            padding: 20px 15px;
             text-align: center;
             text-align: center;
            margin-bottom: 30px;
            padding: 30px;
            background: linear-gradient(135deg, var(--primary-color) 0%, #34495e 100%);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            color: white;
            position: relative;
            overflow: hidden;
         }
         }
          
          
         .app-header::before {
         h1 {
             content: '';
             margin: 0;
            position: absolute;
             font-size: 22px;
            top: 0;
             font-weight: 700;
             left: 0;
             right: 0;
            bottom: 0;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><path fill="%23FFFFFF" d="M20,20 L80,20 L80,80 L20,80 Z" stroke="%23FFFFFF" stroke-width="2"/></svg>');
         }
         }
          
          
         .breadcrumb {
         .description {
            display: flex;
             color: rgba(255,255,255,0.9);
            justify-content: center;
            font-size: 13px;
            align-items: center;
            margin-top: 8px;
            gap: 10px;
            margin-bottom: 20px;
            font-size: 1.1rem;
             color: rgba(255,255,255,0.8);
         }
         }
          
          
         .breadcrumb-home {
         .seo-content {
             color: var(--gold-color);
             background: #fff;
             text-decoration: none;
             padding: 20px 15px;
             transition: all 0.3s;
             margin: 0 15px 15px;
             font-weight: 500;
             border-radius: 8px;
            border: 1px solid #e9ecef;
         }
         }
          
          
         .breadcrumb-home:hover {
         .seo-content h2 {
             color: white;
             color: #3e6f73;
             text-decoration: underline;
            margin-bottom: 15px;
             font-size: 18px;
         }
         }
          
          
         .app-header h1 {
         .seo-content p {
             margin-bottom: 15px;
             margin-bottom: 15px;
             font-size: 2.5rem;
            text-align: justify;
             font-weight: 700;
             font-size: 14px;
             text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
       
        .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;
         }
         }
          
          
         .description {
         .content-item h3 {
             font-size: 1.3rem;
             color: #3e6f73;
             opacity: 0.9;
             margin-bottom: 8px;
             max-width: 600px;
             font-size: 15px;
            margin: 0 auto;
         }
         }
          
          
         .selector-container {
         .content-item p {
             display: grid;
             font-size: 13px;
            grid-template-columns: 1fr 1fr;
             color: #666;
            gap: 15px;
            margin-bottom: 20px;
            background: white;
            padding: 20px;
            border-radius: 12px;
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            border: 1px solid var(--border-color);
            direction: rtl;
            text-align: right;
         }
         }
          
          
         .selector-box {
         .filter-section {
             background: white;
             margin: 0 15px 15px;
             border-radius: 8px;
             background: #f8f9fa;
             padding: 15px;
             padding: 15px;
             border: 1px solid var(--border-color);
             border: 1px solid #dee2e6;
         }
         }
          
          
         .selector-title {
         .filter-row {
             font-size: 1.1rem;
             display: flex;
             margin-bottom: 10px;
            gap: 10px;
             color: var(--primary-color);
        }
             border-bottom: 1px solid var(--border-color);
       
             padding-bottom: 8px;
        .form-group {
             text-align: center;
            flex: 1;
             position: relative;
        }
       
        label {
             display: block;
             margin-bottom: 6px;
            font-weight: 600;
             color: #495057;
             font-size: 13px;
         }
         }
          
          
         select {
         select {
             width: 100%;
             width: 100%;
             padding: 12px 15px;
             padding: 10px 12px;
             border: 1px solid var(--border-color);
             border: 1px solid #ced4da;
             border-radius: 6px;
             border-radius: 6px;
            background-color: white;
             font-size: 13px;
             font-size: 1rem;
             background: white;
             color: var(--dark-color);
             cursor: pointer;
             cursor: pointer;
            transition: all 0.3s;
            font-family: var(--font-family);
            text-align: right;
            direction: rtl;
         }
         }
          
          
         select:focus {
         .searchable-select {
             outline: none;
             position: relative;
            border-color: var(--accent-color);
            box-shadow: 0 0 0 2px rgba(165, 42, 42, 0.2);
         }
         }
          
          
         .bible-content {
         .select-display {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid #ced4da;
            border-radius: 6px;
            font-size: 13px;
             background: white;
             background: white;
             border-radius: 12px;
             cursor: pointer;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            padding: 30px;
            min-height: 500px;
            border: 1px solid var(--border-color);
            margin-bottom: 20px;
            direction: rtl;
             text-align: right;
             text-align: right;
            position: relative;
         }
         }
          
          
         .chapter-title {
         .select-display:after {
             text-align: center;
             content: "▼";
             margin-bottom: 25px;
            position: absolute;
             color: var(--primary-color);
            left: 12px;
             font-size: 1.6rem;
             top: 50%;
             padding-bottom: 12px;
             transform: translateY(-50%);
            border-bottom: 2px solid var(--border-color);
             font-size: 10px;
             color: #6c757d;
         }
         }
          
          
         .content-display {
         .options-list {
             width: 100%;
             position: absolute;
             border: 1px solid var(--border-color);
            top: 100%;
             border-radius: 8px;
             left: 0;
             right: 0;
             background: white;
             background: white;
             padding: 20px;
             border: 1px solid #ced4da;
             max-height: 650px;
            border-radius: 6px;
             max-height: 400px;
             overflow-y: auto;
             overflow-y: auto;
            z-index: 1000;
            display: none;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
         }
         }
          
          
         .wiki-content {
         .search-box {
             line-height: 1.8;
             padding: 10px;
             font-size: 1.1rem;
            border-bottom: 1px solid #e9ecef;
             background: #f8f9fa;
            position: sticky;
            top: 0;
         }
         }
          
          
         .wiki-content h1, .wiki-content h2, .wiki-content h3 {
         .search-input {
             color: var(--primary-color);
             width: 100%;
             margin: 20px 0 15px;
            padding: 8px 12px;
            border: 1px solid #ced4da;
            border-radius: 4px;
             font-size: 13px;
         }
         }
          
          
         .wiki-content p {
         .options-container {
             margin-bottom: 15px;
             max-height: 300px;
            overflow-y: auto;
         }
         }
          
          
         .wiki-content table {
         .option-item {
             width: 100%;
             padding: 10px 12px;
             border-collapse: collapse;
            cursor: pointer;
             margin: 15px 0;
             border-bottom: 1px solid #f1f1f1;
             font-size: 13px;
         }
         }
          
          
         .wiki-content table, .wiki-content th, .wiki-content td {
         .option-item:hover {
             border: 1px solid var(--border-color);
             background: #f0f8f0;
         }
         }
          
          
         .wiki-content th, .wiki-content td {
         .highlight {
             padding: 8px 12px;
            background: #fff3cd;
             text-align: right;
            font-weight: bold;
             padding: 1px 2px;
             border-radius: 2px;
         }
         }
          
          
         .wiki-content th {
         .no-results {
             background-color: var(--light-color);
             color: #6c757d;
            font-style: italic;
            text-align: center;
            padding: 15px;
         }
         }
          
          
         .navigation {
         .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;
             display: flex;
             justify-content: space-between;
             justify-content: space-between;
             align-items: center;
             align-items: center;
            margin-top: 25px;
            flex-wrap: wrap;
            gap: 10px;
            direction: rtl;
         }
         }
          
          
         .nav-btn {
         .content-title {
             padding: 12px 20px;
             font-weight: 600;
             background-color: var(--secondary-color);
             color: #3e6f73;
             color: white;
            font-size: 14px;
             border: none;
        }
             border-radius: 6px;
       
        .content-controls {
            display: flex;
            gap: 8px;
        }
       
        .control-btn {
             background: white;
             border: 1px solid #dee2e6;
             border-radius: 4px;
            padding: 6px 12px;
             cursor: pointer;
             cursor: pointer;
            transition: all 0.3s;
             font-size: 12px;
             font-size: 1rem;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 8px;
             gap: 4px;
            font-family: var(--font-family);
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
         }
         }
          
          
         .nav-btn:hover {
         .iframe-container {
             background-color: var(--accent-color);
             width: 100%;
             transform: translateY(-2px);
             height: calc(100% - 50px);
             box-shadow: 0 4px 8px rgba(0,0,0,0.2);
             position: relative;
         }
         }
          
          
         .nav-btn:disabled {
         .clean-frame {
             background-color: #b0a090;
             width: 100%;
             cursor: not-allowed;
             height: 100%;
             transform: none;
             border: none;
             box-shadow: none;
             background: white;
         }
         }
 
       
         .wiki-link {
         .iframe-placeholder {
             display: inline-flex;
             display: flex;
             align-items: center;
             align-items: center;
             justify-content: 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;
             gap: 8px;
            padding: 12px 20px;
        }
             background-color: #87CEEB;
       
             color: #404040;
        .wiki-link, .site-link, .view-link {
             background: #3e6f73;
             color: white;
             text-decoration: none;
             text-decoration: none;
            border-radius: 6px;
             font-weight: 600;
            transition: all 0.3s;
             padding: 10px 15px;
             font-size: 1rem;
             border-radius: 4px;
             font-family: var(--font-family);
             font-size: 13px;
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
 
        .wiki-link:hover {
             background-color: #6CB4EE;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
 
        .instructions {
             text-align: center;
             text-align: center;
             color: #7f8c8d;
             flex: 1;
            padding: 40px 20px;
            border: 2px dashed var(--border-color);
            border-radius: 8px;
            margin-top: 20px;
            font-size: 1.1rem;
            background-color: var(--light-color);
        }
 
        .placeholder {
             display: flex;
             display: flex;
            flex-direction: column;
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             height: 100%;
             gap: 6px;
            color: #7f8c8d;
            text-align: center;
         }
         }
 
       
         .placeholder i {
         .site-link {
             font-size: 3rem;
             background: #6c757d;
            margin-bottom: 15px;
            color: var(--border-color);
         }
         }
 
       
         .loading {
         .view-link {
             text-align: center;
             background: #4a7c59;
            padding: 20px;
            color: var(--accent-color);
         }
         }
 
       
         .loading i {
         .loading-bar {
             font-size: 2rem;
             height: 2px;
             margin-bottom: 10px;
            background: linear-gradient(90deg, #8fb996, #3e6f73);
            width: 0%;
            transition: width 0.4s ease;
            position: absolute;
            top: 0;
             right: 0;
         }
         }
 
          
         .error {
            text-align: center;
            padding: 20px;
            color: #e74c3c;
        }
 
        .error i {
            font-size: 2rem;
            margin-bottom: 10px;
        }
 
        option {
            direction: rtl;
            text-align: right;
        }
 
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .selector-container {
             .filter-row {
                 grid-template-columns: 1fr;
                 flex-direction: column;
                gap: 10px;
                padding: 15px;
             }
             }
              
              
             .content-display {
             .content-frame {
                 max-height: 500px;
                 height: 400px;
             }
             }
              
              
             .navigation {
             .action-buttons {
                 flex-direction: column;
                 flex-direction: column;
             }
             }
              
              
             .nav-btn, .wiki-link {
             .wiki-link, .site-link, .view-link {
                 width: 100%;
                 width: 100%;
                 justify-content: center;
            }
           
            .content-header {
                flex-direction: column;
                gap: 8px;
                align-items: flex-start;
            }
           
            .content-controls {
                width: 100%;
                 justify-content: space-between;
             }
             }
         }
         }
خط ۳۵۱: خط ۳۵۲:
<body>
<body>
     <div class="container">
     <div class="container">
         <div class="app-header">
         <header class="header">
             <nav class="breadcrumb">
             <h1>کتابخانه دانشنامه کتاب مقدس</h1>
                <a href="https://www.pediabible.com" class="breadcrumb-home">خانه</a>
            <p class="description">مطالعه آنلاین کتاب‌ها و مقالات مسیحی</p>
                <span class="breadcrumb-separator">/</span>
        </header>
                <span class="breadcrumb-current">کتابخانه دانشنامه</span>
 
             </nav>
        <section class="seo-content">
            <h1>کتابخانه دانشنامه تخصصی</h1>
             <h2>کتابخانه جامع منابع مسیحی</h2>
             <p class="description">دسترسی به مجموعه کامل کتاب‌ها، مقالات و ترجمه‌های تخصصی</p>
             <p>کتابخانهٔ دانشنامهٔ کتاب مقدس مرجع کامل و تخصصی برای مطالعهٔ آنلاین کتاب‌ها و مقالات مسیحی است.</p>
        </div>
           
       
            <div class="content-list">
        <!-- محتوای اصلی که باید نمایش داده شود -->
                <div class="content-item">
        <div class="selector-container">
                    <h3>کتاب‌ها</h3>
            <div class="selector-box">
                    <p>انتشار همهٔ کتاب‌ها در دانشنامه با اجازهٔ رسمی نویسندگان یا ناشران انجام شده است، و برای برخی آثار، مجوز چاپ مجدد نیز دریافت گردیده است. تمامی حقوق برای انتشارات دانشنامهٔ کتاب مقدس محفوظ است.
                <h3 class="selector-title">دسته‌بندی</h3>
نویسندگان و ناشران مسیحی می‌توانند برای همکاری و انتشار آثار خود با ما در ارتباط باشند.</p>
                 <select id="category-select">
                 </div>
                     <option value="">انتخاب دسته‌بندی</option>
                <div class="content-item">
                     <option value="books">کتاب‌های دانشنامه</option>
                     <h3>مقالات</h3>
                    <option value="translations">مقاله‌های ترجمه شده</option>
                     <p>مقالات دانشنامه با اجازهٔ نویسندگان یا بر اساس منابع عمومی و بدون حق کپی‌رایت منتشر می‌شوند. در همهٔ موارد، اصول امانت‌داری و احترام به منبع اصلی رعایت شده است.
                     <option value="articles">مقاله‌های دانشنامه</option>
پژوهشگران و نویسندگان مسیحی می‌توانند برای انتشار مقالات خود با ما همکاری کنند</p>
                 </select>
                </div>
                <div class="content-item">
                    <h3>فروشگاه کتاب</h3>
                     <p>در فروشگاه کتاب دانشنامه، امکان خرید کتاب‌های چاپی و الکترونیکی فراهم شده است.</p>
                 </div>
             </div>
             </div>
           
        </section>
             <div class="selector-box">
 
                 <h3 class="selector-title">صفحه</h3>
        <section class="filter-section">
                <select id="page-select" disabled>
             <div class="filter-row">
                    <option value="">انتخاب صفحه</option>
                 <div class="form-group">
                 </select>
                    <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>
                    <input type="hidden" id="selectedContentValue">
                </div>
             </div>
             </div>
         </div>
         </section>
          
          
         <div class="bible-content">
         <section class="content-frame">
            <h2 class="chapter-title" id="chapter-title">لطفاً دسته‌بندی و صفحه مورد نظر را انتخاب کنید</h2>
            <div class="content-header">
              
                <div class="content-title" id="contentTitle">هیچ محتوایی انتخاب نشده است</div>
             <div id="verses-container">
                <div class="content-controls">
                <div class="instructions">
                    <button class="control-btn" id="zoomOut"><i class="fas fa-search-minus"></i> کوچک‌نمایی</button>
                    <div class="placeholder">
                    <button class="control-btn" id="zoomIn"><i class="fas fa-search-plus"></i> بزرگ‌نمایی</button>
                         <i class="fas fa-book-open"></i>
                    <button class="control-btn" id="directView"><i class="fas fa-external-link-alt"></i> مشاهده مستقیم</button>
                         <p>برای مطالعه محتوا، لطفاً ابتدا دسته‌بندی و سپس صفحه مورد نظر خود را انتخاب کنید.</p>
                </div>
             </div>
             <div class="loading-bar" id="loadingBar"></div>
            <div class="iframe-container">
                <div class="iframe-placeholder" id="iframePlaceholder">
                    <div>
                         <i class="fas fa-book-open" style="font-size: 2rem; color: #6c757d; margin-bottom: 10px;"></i>
                         <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                     </div>
                     </div>
                 </div>
                 </div>
                <iframe id="contentFrame" class="clean-frame" src="about:blank" style="display: none;" title="محتوای مطالعه"></iframe>
             </div>
             </div>
           
             <div class="action-buttons">
             <div class="navigation">
                 <a id="siteLink" href="#" class="site-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                 <button class="nav-btn" id="prev-page" disabled>
                     <i class="fas fa-home"></i>
                     <i class="fas fa-arrow-right"></i>
                     مشاهده صفحه در سایت اصلی
                     صفحه قبلی
                 </a>
                 </button>
                 <a id="wikiLink" href="#" class="wiki-link" target="_blank" rel="noopener noreferrer" style="display: none;">
               
                    <i class="fab fa-wikipedia-w"></i>
                 <a href="#" class="wiki-link" id="wiki-page-link" target="_blank" style="display: none;">
                    مشاهده صفحه کامل در ویکی
                     <i class="fas fa-external-link-alt"></i>
                </a>
                     صفحه کامل
                <a id="viewLink" href="#" class="view-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                     <i class="fas fa-eye"></i>
                     مشاهده صفحه
                 </a>
                 </a>
               
                <button class="nav-btn" id="next-page" disabled>
                    صفحه بعدی
                    <i class="fas fa-arrow-left"></i>
                </button>
             </div>
             </div>
         </div>
         </section>
     </div>
     </div>


     <script>
     <script>
         // رده‌های اصلی از مدیاویکی
         // داده‌های واقعی
         const categories = [
         const booksData = {
             {
            'کتاب': [
                 id: "books",
                { value: 'کتاب_مسیحیت_در_ایران_تا_صدر_اسلام', text: 'کتاب مسیحیت در ایران تا صدر اسلام' },
                 name: "کتاب‌های دانشنامه",
                { value: '...', text: 'بزودی' },
                 category: "رده:کتاب_دانشنامه"
                { value: '...', text: 'بزودی' }
             },
            ],
            {
             'مقاله': [
                 id: "translations",  
                { value: 'مقاله_۸_تفاوت_کلیدی_بین_کاتولیک‌ها_و_پروتستان‌ها_نویسنده', text: 'مقاله: ۸ تفاوت کلیدی بین کاتولیک‌ها و پروتستان‌ها' },
                 name: "مقاله‌های ترجمه شده",
                 { value: 'مقاله_برادران،_ما_تحلیل%E2%80%8Cگران_سیاسی_نیستیم', text: 'مقاله: برادران، ما تحلیل‌گران سیاسی نیستیم' },
                 category: "رده:ترجمه_دانشنامه"
                 { value: 'مقاله_گناه_آدمی_را_نادان_می‌کند', text: 'مقاله: گناه آدمی را نادان می‌کند' },
            },
                 { value: 'مقاله_۴_دلیل_که_چرا_کتاب_مقدس_از_تراجنسیتی_بودن_حمایت_نمی%E2%80%8Cکند', text: 'مقاله: ۴ دلیل که چرا کتاب مقدس از تراجنسیتی بودن حمایت نمی‌کند' },
            {
                { value: '۱۰_معنای_یهوه', text: 'مقاله: ۱۰ معنای یهوه' },
                 id: "articles",
                { value: 'تدریس،_آموزش_و_مطالعه', text: 'مقاله: تدریس، آموزش و مطالعه' },
                 name: "مقاله‌های دانشنامه",  
                { value: 'خدمت_به_خدا_یعنی_چه', text: 'مقاله: خدمت به خدا یعنی چه' },
                 category: "رده:مقاله_دانشنامه"
                { 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();
         });


         // تابع برای دریافت صفحات از رده
         // وقتی روی نمایش کلیک می‌شود
         async function loadPagesFromCategory(categoryName) {
         selectDisplay.addEventListener('click', function() {
             try {
             if (!categorySelect.value) {
                 // استفاده از API مدیاویکی برای دریافت صفحات رده
                 alert('لطفاً ابتدا یک دسته‌بندی انتخاب کنید');
                 const apiUrl = `https://www.pediabible.com/api.php?action=query&list=categorymembers&cmtitle=${encodeURIComponent(categoryName)}&cmlimit=500&format=json&origin=*`;
                 categorySelect.focus();
                  
                 return;
                const response = await fetch(apiUrl);
            }
               
           
                if (!response.ok) {
            if (optionsList.style.display === 'block') {
                    throw new Error(`خطای HTTP: ${response.status}`);
                optionsList.style.display = 'none';
                }
            } else {
                  
                 optionsList.style.display = 'block';
                 const data = await response.json();
                 searchInput.value = '';
                  
                  
                 if (data.error) {
                 // در اینجا تابع populateOptions فراخوانی می‌شود
                    throw new Error(data.error.info);
                populateOptions(currentItems);
                }
                  
                  
                 if (data.query && data.query.categorymembers) {
                 setTimeout(() => {
                    return data.query.categorymembers
                    searchInput.focus();
                        .filter(member => member.ns === 0) // فقط صفحات اصلی
                 }, 100);
                        .map(member => ({
                            title: member.title,
                            displayName: member.title.replace(/_/g, ' '),
                            pageId: member.pageid
                        }));
                 } else {
                    throw new Error('داده‌ای دریافت نشد');
                }
            } catch (error) {
                throw new Error('خطا در بارگذاری صفحات: ' + error.message);
             }
             }
         }
         });
 
        // وقتی کاربر در فیلد جستجو تایپ می‌کند
        searchInput.addEventListener('input', function() {
            const searchTerm = this.value.toLowerCase();
            const filteredItems = currentItems.filter(item =>
                item.text.toLowerCase().includes(searchTerm)
            );
            populateOptions(filteredItems, searchTerm);
        });


         // تابع برای دریافت محتوای صفحه
         // پر کردن لیست گزینه‌ها - این تابع اکنون به درستی فراخوانی می‌شود
         async function loadPageContent(pageTitle) {
         function populateOptions(itemsList, searchTerm = '') {
             try {
             console.log('populateOptions فراخوانی شد با', itemsList.length, 'آیتم');
                // دریافت محتوای صفحه به صورت HTML
           
                const apiUrl = `https://www.pediabible.com/api.php?action=parse&page=${encodeURIComponent(pageTitle)}&format=json&prop=text&origin=*`;
            optionsContainer.innerHTML = '';
                  
           
                 const response = await fetch(apiUrl);
            if (itemsList.length === 0) {
                  
                const noResult = document.createElement('div');
                if (!response.ok) {
                noResult.className = 'no-results';
                    throw new Error(`خطای HTTP: ${response.status}`);
                 noResult.textContent = 'نتیجه‌ای یافت نشد';
                 }
                 optionsContainer.appendChild(noResult);
                 return;
            }
           
            itemsList.forEach(item => {
                const option = document.createElement('div');
                 option.className = 'option-item';
                  
                  
                const data = await response.json();
                 if (searchTerm) {
               
                     // هایلایت کردن متن جستجو شده
                 if (data.error) {
                    const regex = new RegExp(`(${searchTerm})`, 'gi');
                     throw new Error(data.error.info);
                    const highlightedText = item.text.replace(regex, '<span class="highlight">$1</span>');
                }
                     option.innerHTML = highlightedText;
               
                if (data.parse && data.parse.text && data.parse.text['*']) {
                     return data.parse.text['*'];
                 } else {
                 } else {
                     throw new Error('محتوای صفحه یافت نشد');
                     option.textContent = item.text;
                 }
                 }
            } catch (error) {
                throw new Error('خطا در بارگذاری محتوا: ' + error.message);
            }
        }
        // تابع اصلی برنامه
        function initializeEncyclopediaApp() {
            // عناصر DOM
            const categorySelect = document.getElementById('category-select');
            const pageSelect = document.getElementById('page-select');
            const chapterTitle = document.getElementById('chapter-title');
            const versesContainer = document.getElementById('verses-container');
            const prevPageBtn = document.getElementById('prev-page');
            const nextPageBtn = document.getElementById('next-page');
            const wikiPageLink = document.getElementById('wiki-page-link');
            // متغیرهای وضعیت فعلی
            let currentCategory = '';
            let currentPages = [];
            let currentPageIndex = 0;
            // رویداد تغییر دسته‌بندی
            categorySelect.addEventListener('change', async function() {
                currentCategory = this.value;
                  
                  
                 if (currentCategory) {
                 option.addEventListener('click', function() {
                     pageSelect.innerHTML = '<option value="">در حال بارگذاری...</option>';
                     selectDisplay.textContent = item.text;
                     pageSelect.disabled = true;
                    selectDisplay.style.color = '#333';
                    selectedContentValue.value = item.value;
                     optionsList.style.display = 'none';
                      
                      
                     const category = categories.find(cat => cat.id === currentCategory);
                     // نمایش محتوا
                      
                     currentContent = item.value;
                    try {
                    showContent(item.value, item.text);
                        currentPages = await loadPagesFromCategory(category.category);
                 });
                       
                        pageSelect.disabled = false;
                        pageSelect.innerHTML = '<option value="">انتخاب صفحه</option>';
                       
                        currentPages.forEach((page, index) => {
                            const option = document.createElement('option');
                            option.value = index;
                            option.textContent = page.displayName;
                            pageSelect.appendChild(option);
                        });
                       
                        console.log(`✅ ${currentPages.length} صفحه از رده ${category.category} بارگذاری شد`);
                    } catch (error) {
                        console.error('خطا در بارگذاری صفحات:', error);
                        pageSelect.innerHTML = '<option value="">خطا در بارگذاری</option>';
                        pageSelect.disabled = true;
                       
                        versesContainer.innerHTML = `
                            <div class="error">
                                <i class="fas fa-exclamation-triangle"></i>
                                <p>${error.message}</p>
                            </div>
                        `;
                    }
                   
                    resetContent();
                 } else {
                    pageSelect.disabled = true;
                    pageSelect.innerHTML = '<option value="">انتخاب صفحه</option>';
                    resetContent();
                }
            });
 
            // رویداد تغییر صفحه
            pageSelect.addEventListener('change', async function() {
                currentPageIndex = parseInt(this.value);
                  
                  
                 if (!isNaN(currentPageIndex)) {
                 optionsContainer.appendChild(option);
                    await displayPageContent();
                } else {
                    resetContent();
                }
             });
             });
        }


            // نمایش محتوای صفحه
        // نمایش محتوا
            async function displayPageContent() {
        function showContent(bookValue, bookText) {
                 const page = currentPages[currentPageIndex];
            const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
                 const category = categories.find(cat => cat.id === currentCategory);
            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);
                  
                  
                 chapterTitle.textContent = `${category.name} - ${page.displayName}`;
                 contentFrame.style.display = 'block';
                  
                iframePlaceholder.style.display = 'none';
                 versesContainer.innerHTML = `
                applyZoom();
                     <div class="loading">
            };
                         <i class="fas fa-spinner fa-spin"></i>
           
                         <p>در حال بارگذاری صفحه...</p>
            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>
                     </div>
                 `;
                 `;
                  
                 contentFrame.style.display = 'none';
                try {
            };
                    const content = await loadPageContent(page.title);
           
                   
            // به‌روزرسانی لینک‌ها
                    versesContainer.innerHTML = `
            wikiLink.href = wikiUrl;
                        <div class="content-display">
            wikiLink.style.display = 'flex';
                            <div class="wiki-content">${content}</div>
           
                        </div>
            siteLink.href = siteUrl;
                    `;
            siteLink.style.display = 'flex';
                   
           
                    // به روز رسانی لینک صفحه کامل
            viewLink.href = contentUrl;
                    wikiPageLink.href = `https://www.pediabible.com/index.php?title=${encodeURIComponent(page.title)}`;
            viewLink.style.display = 'flex';
                    wikiPageLink.style.display = 'flex';
        }
                   
                } catch (error) {
                    console.error('خطا در بارگذاری محتوا:', error);
                    versesContainer.innerHTML = `
                        <div class="error">
                            <i class="fas fa-exclamation-triangle"></i>
                            <p>${error.message}</p>
                        </div>
                    `;
                }
               
                updateNavigationButtons();
            }


             function updateNavigationButtons() {
        // مشاهده مستقیم
                 prevPageBtn.disabled = currentPageIndex <= 0;
        directView.addEventListener('click', function() {
                 nextPageBtn.disabled = currentPageIndex >= currentPages.length - 1;
             if (currentContent) {
                 const directUrl = `https://www.pediabible.com/index.php/${currentContent}`;
                 window.open(directUrl, '_blank', 'noopener,noreferrer');
             }
             }
        });


            prevPageBtn.addEventListener('click', async function() {
        // کنترل بزرگ‌نمایی
                if (currentPageIndex > 0) {
        function applyZoom() {
                    currentPageIndex--;
            contentFrame.style.zoom = `${currentZoom}%`;
                    pageSelect.value = currentPageIndex;
        }
                    await displayPageContent();
                }
            });


            nextPageBtn.addEventListener('click', async function() {
        zoomIn.addEventListener('click', function() {
                if (currentPageIndex < currentPages.length - 1) {
            if (currentZoom < 150) {
                    currentPageIndex++;
                currentZoom += 10;
                    pageSelect.value = currentPageIndex;
                applyZoom();
                    await displayPageContent();
            }
                }
        });
            });


            function resetContent() {
        zoomOut.addEventListener('click', function() {
                chapterTitle.textContent = 'لطفاً دسته‌بندی و صفحه مورد نظر را انتخاب کنید';
            if (currentZoom > 50) {
                 versesContainer.innerHTML = `
                 currentZoom -= 10;
                    <div class="instructions">
                 applyZoom();
                        <div class="placeholder">
                            <i class="fas fa-book-open"></i>
                            <p>برای مطالعه محتوا، لطفاً ابتدا دسته‌بندی و سپس صفحه مورد نظر خود را انتخاب کنید.</p>
                        </div>
                    </div>
                `;
                prevPageBtn.disabled = true;
                 nextPageBtn.disabled = true;
                wikiPageLink.style.display = 'none';
             }
             }
        });


             console.log('✅ برنامه کتابخانه دانشنامه بارگذاری شد');
        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('DOMContentLoaded', function() {
         document.addEventListener('click', function(event) {
             console.log('🚀 شروع بارگذاری کتابخانه دانشنامه...');
             if (!event.target.closest('.searchable-select')) {
             initializeEncyclopediaApp();
                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»