پرش به محتوا

تست: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۲۶ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<!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>
    <meta name="description" content="مطالعه آنلاین کتاب‌های مقدس شامل عیسی، انجیل متی، مزامیر، پیدایش و مقالات تخصصی درباره مسیح، تثلیث، نجات و روح القدس در کتابخانه پدیا بایبل">
    <meta name="keywords" content="کتاب مقدس, انجیل, عیسی مسیح, مقالات مذهبی, کتابخانه آنلاین, مزامیر, پیدایش, تثلیث, روح القدس, نجات, پدیا بایبل">
    <meta name="author" content="پدیا بایبل">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://www.pediabible.com/library" />
   
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="کتابخانه پدیا بایبل - مطالعه آنلاین کتاب‌ها و مقالات مذهبی">
    <meta property="og:description" content="مطالعه آنلاین کتاب‌های مقدس و مقالات تخصصی مذهبی">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.pediabible.com/library">
    <meta property="og:image" content="https://www.pediabible.com/images/logo.png">
    <meta property="og:locale" content="fa_IR">
   
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="کتابخانه پدیا بایبل - مطالعه آنلاین کتاب‌ها و مقالات مذهبی">
    <meta name="twitter:description" content="مطالعه آنلاین کتاب‌های مقدس و مقالات تخصصی مذهبی">
   
     <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">
   
    <!-- داده‌های ساختاریافته Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "CollectionPage",
        "name": "کتابخانه پدیا بایبل",
        "description": "مطالعه آنلاین کتاب‌ها و مقالات مذهبی",
        "url": "https://www.pediabible.com/library",
        "publisher": {
            "@type": "Organization",
            "name": "پدیا بایبل",
            "url": "https://www.pediabible.com",
            "logo": {
                "@type": "ImageObject",
                "url": "https://www.pediabible.com/images/logo.png"
            }
        },
        "mainEntity": {
            "@type": "ItemList",
            "numberOfItems": 8,
            "itemListElement": [
                {
                    "@type": "Book",
                    "position": 1,
                    "name": "عیسی",
                    "url": "https://www.pediabible.com/index.php/عیسی",
                    "description": "مطالعه کتاب عیسی - زندگی و تعالیم حضرت عیسی مسیح"
                },
                {
                    "@type": "Book",
                    "position": 2,
                    "name": "انجیل متی",
                    "url": "https://www.pediabible.com/index.php/انجیل_متی",
                    "description": "انجیل متی - اولین انجیل از انجیل‌های چهارگانه"
                },
                {
                    "@type": "Book",
                    "position": 3,
                    "name": "مزامیر",
                    "url": "https://www.pediabible.com/index.php/مزامیر",
                    "description": "مزامیر - کتاب نیایش و مناجات"
                },
                {
                    "@type": "Book",
                    "position": 4,
                    "name": "پیدایش",
                    "url": "https://www.pediabible.com/index.php/پیدایش",
                    "description": "پیدایش - اولین کتاب تورات"
                },
                {
                    "@type": "Article",
                    "position": 5,
                    "name": "مسیح",
                    "url": "https://www.pediabible.com/index.php/مسیح",
                    "description": "مقالات تخصصی درباره مسیحشناسی"
                },
                {
                    "@type": "Article",
                    "position": 6,
                    "name": "تثلیث",
                    "url": "https://www.pediabible.com/index.php/تثلیث",
                    "description": "مطالعات تخصصی درباره مفهوم تثلیث"
                },
                {
                    "@type": "Article",
                    "position": 7,
                    "name": "نجات",
                    "url": "https://www.pediabible.com/index.php/نجات",
                    "description": "مقالات درباره نجات و رستگاری"
                },
                {
                    "@type": "Article",
                    "position": 8,
                    "name": "روح القدس",
                    "url": "https://www.pediabible.com/index.php/روح_القدس",
                    "description": "مطالعات تخصصی درباره روح القدس"
                }
            ]
        },
        "breadcrumb": {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "خانه",
                    "item": "https://www.pediabible.com"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "کتابخانه",
                    "item": "https://www.pediabible.com/library"
                }
            ]
        }
    }
    </script>
   
     <style>
     <style>
        :root {
            --primary-color: #2c3e50;
            --secondary-color: #3e6f73;
            --accent-color: #A52A2A;
            --light-color: #f8f5f2;
            --dark-color: #3E2723;
            --border-color: #D2B48C;
            --font-family: 'Times New Roman', serif;
        }
       
         * {
         * {
             margin: 0;
             margin: 0;
خط ۲۵: خط ۱۳۳:
         body {
         body {
             font-family: Tahoma, Arial, sans-serif;
             font-family: Tahoma, Arial, sans-serif;
             background-color: #f5f1eb;
             background-color: #f6f6f6;
             color: var(--dark-color);
             color: #333;
             line-height: 1.6;
             line-height: 1.6;
             padding: 0;
             padding: 0;
خط ۳۲: خط ۱۴۰:
         }
         }
          
          
         /* مخفی کردن هدرهای اضافی ویکی */
         .container {
        body > header:first-child,
            max-width: 100%;
        .wiki-header,
            margin: 0;
        .mw-header,
            background: white;
         #mw-header,
            padding: 0;
         #header,
         }
          
         .header {
         .header {
             display: none !important;
             background: linear-gradient(135deg, #3e6f73, #4a7c59);
            color: white;
            padding: 20px 15px;
            margin-bottom: 15px;
            text-align: center;
         }
         }
          
          
         .container {
        h1 {
             max-width: 1200px;
            margin: 0;
             margin: 0 auto;
            font-size: 22px;
             padding: 5px 15px;
            font-weight: 700;
        }
       
         .description {
             color: rgba(255,255,255,0.9);
            font-size: 13px;
             margin-top: 8px;
             line-height: 1.5;
         }
         }
          
          
         .app-header {
         .seo-content {
             text-align: center;
             background: #fff;
             margin-bottom: 20px;
             padding: 20px 15px;
             padding: 15px 20px;
             margin: 0 15px 15px;
            border-bottom: 2px solid var(--border-color);
            background: linear-gradient(to bottom, #f9f6f2, #f0e6d6);
             border-radius: 8px;
             border-radius: 8px;
             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
             border: 1px solid #e9ecef;
         }
         }
          
          
         .app-header h1 {
         .seo-content h2 {
             color: var(--primary-color);
             color: #3e6f73;
             margin-bottom: 8px;
             margin-bottom: 15px;
             font-size: 1.8rem;
             font-size: 18px;
            font-weight: 700;
         }
         }
          
          
         .description {
         .seo-content p {
             color: #666;
             margin-bottom: 15px;
             font-size: 1rem;
            text-align: justify;
             margin-top: 5px;
             font-size: 14px;
             line-height: 1.8;
         }
         }
          
          
         .selector-container {
         .content-list {
             display: grid;
             display: grid;
             grid-template-columns: 1fr 1fr;
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
             gap: 15px;
             gap: 15px;
             margin-bottom: 20px;
             margin-top: 15px;
            background: white;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.08);
            border: 1px solid var(--border-color);
         }
         }
          
          
         .selector-box {
         .content-item {
             background: white;
             background: #f8f9fa;
            padding: 15px;
             border-radius: 6px;
             border-radius: 6px;
            padding: 12px;
             border-left: 4px solid #3e6f73;
             border: 1px solid var(--border-color);
         }
         }
          
          
         .selector-title {
         .content-item h3 {
             font-size: 1rem;
             color: #3e6f73;
             margin-bottom: 8px;
             margin-bottom: 8px;
             color: var(--primary-color);
             font-size: 15px;
             border-bottom: 1px solid var(--border-color);
        }
             padding-bottom: 5px;
       
             text-align: center;
        .content-item p {
            font-size: 13px;
            color: #666;
            margin: 0;
        }
       
        .filter-section {
            margin: 0 15px 15px;
            background: #f8f9fa;
            padding: 15px;
             border: 1px solid #dee2e6;
        }
       
        .filter-row {
            display: flex;
            gap: 10px;
            margin-bottom: 0;
        }
       
        .form-group {
            flex: 1;
        }
       
        label {
            display: block;
             margin-bottom: 6px;
            font-weight: 600;
            color: #495057;
             font-size: 13px;
         }
         }
          
          
خط ۱۰۲: خط ۲۴۳:
             width: 100%;
             width: 100%;
             padding: 10px 12px;
             padding: 10px 12px;
             border: 1px solid var(--border-color);
             border: 1px solid #ced4da;
             border-radius: 4px;
             border-radius: 6px;
            background-color: white;
             font-size: 13px;
             font-size: 0.95rem;
             background: white;
             color: var(--dark-color);
             cursor: pointer;
             cursor: pointer;
             font-family: Tahoma, Arial;
             transition: all 0.3s ease;
            border: 1px solid #e9ecef;
         }
         }
          
          
         select:focus {
         select:focus {
             outline: none;
             outline: none;
             border-color: var(--accent-color);
             border-color: #3e6f73;
            box-shadow: 0 0 0 2px rgba(62, 111, 115, 0.1);
        }
       
        select:disabled {
            background-color: #f8f9fa;
            color: #6c757d;
            cursor: not-allowed;
            border-color: #dee2e6;
         }
         }
          
          
         .library-content {
         .content-frame {
            margin: 0 15px;
            border: 1px solid #dee2e6;
            border-radius: 0;
            overflow: hidden;
             background: white;
             background: white;
             border-radius: 8px;
             height: calc(100vh - 250px);
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
             min-height: 400px;
             padding: 25px;
        }
             min-height: 500px;
       
             border: 1px solid var(--border-color);
        .content-header {
             margin-bottom: 20px;
             padding: 12px 15px;
             background: #f8f9fa;
             border-bottom: 1px solid #dee2e6;
            display: flex;
            justify-content: space-between;
             align-items: center;
         }
         }
          
          
         .content-title {
         .content-title {
             text-align: center;
             font-weight: 600;
             margin-bottom: 20px;
            color: #3e6f73;
             color: var(--primary-color);
             font-size: 14px;
             font-size: 1.5rem;
        }
             padding-bottom: 10px;
       
             border-bottom: 2px solid var(--border-color);
        .content-controls {
             display: flex;
            gap: 8px;
        }
       
        .control-btn {
            background: white;
            border: 1px solid #dee2e6;
            border-radius: 4px;
            padding: 6px 12px;
            cursor: pointer;
             font-size: 12px;
            transition: all 0.3s ease;
            display: flex;
             align-items: center;
             gap: 4px;
            font-weight: 600;
            color: #495057;
        }
       
        .control-btn:hover {
            background: #3e6f73;
            color: white;
            border-color: #3e6f73;
        }
       
        .iframe-container {
            width: 100%;
            height: calc(100% - 50px);
            position: relative;
         }
         }
          
          
         .content-display {
         .clean-frame {
             width: 100%;
             width: 100%;
             height: 550px;
             height: 100%;
             border: 1px solid var(--border-color);
             border: none;
            border-radius: 6px;
             background: white;
             background: white;
         }
         }
          
          
         .navigation {
         .iframe-placeholder {
             display: flex;
             display: flex;
            justify-content: flex-end;
             align-items: center;
             align-items: center;
             margin-top: 25px;
             justify-content: center;
             gap: 10px;
             height: 100%;
            color: #6c757d;
            font-size: 14px;
            text-align: center;
            padding: 20px;
            background: white;
         }
         }
          
          
         .wiki-link {
         .action-buttons {
             display: inline-flex;
             display: flex;
            justify-content: space-between;
             align-items: center;
             align-items: center;
             justify-content: center;
             padding: 12px 15px;
            background-color: #f8f9fa;
            border-top: 1px solid #dee2e6;
             gap: 8px;
             gap: 8px;
            padding: 12px 20px;
        }
             background-color: var(--secondary-color);
       
        .wiki-link, .site-link, .view-link {
             background: #3e6f73;
             color: white;
             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;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
             border: none;
        }
             cursor: pointer;
 
             font-size: 13px;
        .wiki-link:hover {
             background-color: #2d5257;
             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;
            transition: all 0.3s ease;
             text-align: center;
        }
       
        .site-link {
            background: #6c757d;
        }
       
        .view-link {
            background: #4a7c59;
        }
       
        .wiki-link:hover, .site-link:hover, .view-link:hover {
            opacity: 0.9;
            transform: translateY(-1px);
        }
       
        .loading-bar {
             height: 2px;
            background: linear-gradient(90deg, #8fb996, #3e6f73);
            width: 0%;
             transition: width 0.4s ease;
            position: absolute;
            top: 0;
             right: 0;
         }
         }
 
       
         .placeholder i {
         .breadcrumb {
             font-size: 3rem;
             background: #f8f9fa;
            padding: 10px 15px;
             margin-bottom: 15px;
             margin-bottom: 15px;
             color: var(--border-color);
            border-bottom: 1px solid #dee2e6;
            font-size: 13px;
        }
       
        .breadcrumb a {
             color: #3e6f73;
            text-decoration: none;
        }
       
        .breadcrumb a:hover {
            text-decoration: underline;
         }
         }
 
          
         /* استایل‌های مخصوص موبایل */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .container {
             .filter-row {
                 padding: 8px 10px;
                 flex-direction: column;
             }
             }
              
              
             .selector-container {
             .content-frame {
                 grid-template-columns: 1fr;
                 height: calc(100vh - 280px);
                min-height: 350px;
            }
           
            .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;
            }
           
            .header {
                padding: 15px 10px;
            }
           
            h1 {
                font-size: 20px;
             }
             }
              
              
             .library-content {
             .description {
                 padding: 15px;
                 font-size: 12px;
             }
             }
              
              
             .content-display {
             .content-list {
                 height: 450px;
                 grid-template-columns: 1fr;
             }
             }
         }
         }
خط ۲۲۱: خط ۴۵۸:
</head>
</head>
<body>
<body>
    <!-- Breadcrumb Navigation -->
    <nav class="breadcrumb" aria-label="breadcrumb">
        <a href="https://www.pediabible.com">خانه</a> /
        <span>کتابخانه</span>
    </nav>
     <div class="container">
     <div class="container">
         <div class="app-header">
         <header class="header">
             <h1>کتابخانه پدیا بایبل</h1>
             <h1>کتابخانه پدیا بایبل</h1>
             <p class="description">مطالعه کتاب‌ها و مقالات مذهبی - انتخاب هوشمند و نمایش محتوای تمیز</p>
             <p class="description">مطالعه آنلاین کتاب‌ها و مقالات مذهبی شامل کتاب‌های مقدس و مقالات تخصصی</p>
         </div>
         </header>
       
        <div id="content-wrapper">
            <!-- محتوا توسط JavaScript پر می‌شود -->
        </div>
    </div>


    <script>
        <!-- محتوای سئو -->
         // 🔒 سیستم حفاظتی - بررسی دامنه مجاز
         <section class="seo-content">
        const ALLOWED_DOMAINS = [
             <h2>کتابخانه جامع منابع مذهبی</h2>
             'pediabible.com',
             <p>کتابخانه پدیا بایبل مرجع کامل و تخصصی برای مطالعه آنلاین کتاب‌های مقدس و مقالات مذهبی است. در این کتابخانه می‌توانید به منابع معتبر و جامعی از متون دینی دسترسی داشته باشید.</p>
             'www.pediabible.com',
            'localhost',
            '127.0.0.1'
        ];
 
        // تابع بررسی مجاز بودن دامنه
        function isDomainAllowed() {
            const currentDomain = window.location.hostname;
              
              
             if (!currentDomain || currentDomain === '' || currentDomain === 'null') {
             <div class="content-list">
                 return true;
                <div class="content-item">
            }
                    <h3>کتاب‌های مقدس</h3>
           
                    <p>مطالعه کتاب‌های مقدس از جمله عیسی، انجیل متی، مزامیر، پیدایش و دیگر متون مذهبی با ترجمه‌های معتبر</p>
            return ALLOWED_DOMAINS.some(domain =>  
                </div>
                 currentDomain === domain || currentDomain.endsWith('.' + domain)
                <div class="content-item">
             );
                    <h3>مقالات تخصصی</h3>
         }
                    <p>مقالات متعدد درباره موضوعات مذهبی مانند مسیح، تثلیث، نجات، روح القدس و دیگر مفاهیم دینی</p>
                </div>
                <div class="content-item">
                    <h3>مطالعه آنلاین</h3>
                    <p>امکان مطالعه تمامی منابع به صورت آنلاین با قابلیت‌های پیشرفته مانند بزرگ‌نمایی و مشاهده مستقیم</p>
                 </div>
                <div class="content-item">
                    <h3>منابع معتبر</h3>
                    <p>دسترسی به منابع معتبر و مورد تأیید مراجع دینی برای مطالعه و تحقیق</p>
                 </div>
             </div>
         </section>


         // تابع نمایش پیام دسترسی غیرمجاز
         <section class="filter-section" aria-label="فیلترهای جستجو">
         function showAccessDenied() {
            <div class="filter-row">
            const wrapper = document.getElementById('content-wrapper');
                <div class="form-group">
             wrapper.innerHTML = `
                    <label for="categorySelect"><i class="fas fa-folder"></i> دسته‌بندی:</label>
                 <div style="text-align: center; padding: 40px; background: #fee; border-radius: 8px; border: 2px solid #f5c6cb; color: #721c24;">
                    <select id="categorySelect">
                     <h3><i class="fas fa-ban"></i> دسترسی محدود شده</h3>
                        <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
                     <p>این صفحه فقط بر روی دامنه <strong>pediabible.com</strong> قابل دسترسی است.</p>
                        <option value="کتاب">کتاب</option>
                     <p>لطفاً از <a href="https://www.pediabible.com" style="color: #721c24; text-decoration: underline;">سایت اصلی</a> بازدید کنید.</p>
                        <option value="مقاله">مقاله</option>
                    </select>
                </div>
               
                <div class="form-group">
                    <label for="contentSelect"><i class="fas fa-book-open"></i> انتخاب محتوا:</label>
                    <select id="contentSelect" disabled>
                        <option value="">ابتدا دسته‌بندی را انتخاب کنید</option>
                    </select>
                </div>
            </div>
         </section>
       
        <section class="content-frame" aria-label="محتوای مطالعه">
             <div class="content-header">
                 <div class="content-title" id="contentTitle">هیچ محتوایی انتخاب نشده است</div>
                <div class="content-controls">
                     <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>
                 </div>
                 </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>
                <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>
         </section>
    </div>


        // تابع اصلی بارگذاری برنامه
    <script>
        function loadApplication() {
         // داده‌های ساده
            if (!isDomainAllowed()) {
         const booksData = {
                showAccessDenied();
                return;
            }
            initializeLibraryApp();
        }
 
         // داده‌های کتاب‌ها و مقالات
         const libraryData = {
             'کتاب': [
             'کتاب': [
                 { name: "عیسی", displayName: "عیسی" },
                 { value: 'عیسی', text: 'عیسی' },
                 { name: "انجیل_متی", displayName: "انجیل متی" }
                 { value: 'انجیل_متی', text: 'انجیل متی' },
                { value: 'مزامیر', text: 'مزامیر' },
                { value: 'پیدایش', text: 'پیدایش' }
             ],
             ],
             'مقاله': [
             'مقاله': [
                 { name: "مسیح", displayName: "مسیح" },
                 { value: 'مسیح', text: 'مسیح' },
                 { name: "تثلیث", displayName: "تثلیث" }
                 { value: 'تثلیث', text: 'تثلیث' },
                { value: 'نجات', text: 'نجات' },
                { value: 'روح_القدس', text: 'روح القدس' }
             ]
             ]
         };
         };


         // 🔧 برنامه اصلی کتابخانه
         // عناصر
         function initializeLibraryApp() {
         const categorySelect = document.getElementById('categorySelect');
            const wrapper = document.getElementById('content-wrapper');
        const contentSelect = document.getElementById('contentSelect');
           
        const contentFrame = document.getElementById('contentFrame');
            // ایجاد ساختار HTML برنامه
        const iframePlaceholder = document.getElementById('iframePlaceholder');
            wrapper.innerHTML = `
        const wikiLink = document.getElementById('wikiLink');
                <div class="selector-container">
        const siteLink = document.getElementById('siteLink');
                    <div class="selector-box">
        const viewLink = document.getElementById('viewLink');
                        <h3 class="selector-title">دسته‌بندی</h3>
        const contentTitle = document.getElementById('contentTitle');
                        <select id="category-select">
        const zoomIn = document.getElementById('zoomIn');
                            <option value="">انتخاب دسته‌بندی</option>
        const zoomOut = document.getElementById('zoomOut');
                            <option value="کتاب">کتاب</option>
        const directView = document.getElementById('directView');
                            <option value="مقاله">مقاله</option>
        const loadingBar = document.getElementById('loadingBar');
                        </select>
                    </div>
                   
                    <div class="selector-box">
                        <h3 class="selector-title">انتخاب محتوا</h3>
                        <select id="content-select" disabled>
                            <option value="">انتخاب محتوا</option>
                        </select>
                    </div>
                </div>
               
                <div class="library-content">
                    <h2 class="content-title" id="content-title">لطفاً دسته‌بندی و محتوای مورد نظر را انتخاب کنید</h2>
                   
                    <div id="content-container">
                        <div class="instructions">
                            <div class="placeholder">
                                <i class="fas fa-book-open"></i>
                                <p>برای مطالعه، لطفاً ابتدا دسته‌بندی و سپس محتوای مورد نظر خود را انتخاب کنید.</p>
                            </div>
                        </div>
                    </div>
                   
                    <div class="navigation">
                        <a href="#" class="wiki-link" id="wiki-page-link" target="_blank" style="display: none;">
                            <i class="fas fa-external-link-alt"></i>
                            مشاهده صفحه کامل
                        </a>
                    </div>
                </div>
            `;


            // عناصر DOM
        let currentZoom = 100;
            const categorySelect = document.getElementById('category-select');
        let currentContent = '';
            const contentSelect = document.getElementById('content-select');
            const contentTitle = document.getElementById('content-title');
            const contentContainer = document.getElementById('content-container');
            const wikiPageLink = document.getElementById('wiki-page-link');


            // متغیرهای وضعیت فعلی
        // وقتی دسته‌بندی تغییر کرد
            let currentCategory = '';
        categorySelect.addEventListener('change', function() {
            let currentContent = '';
            const selectedCategory = this.value;
 
           
            // رویداد تغییر دسته‌بندی
            if (!selectedCategory) {
            categorySelect.addEventListener('change', function() {
                contentSelect.disabled = true;
                currentCategory = this.value;
                contentSelect.innerHTML = '<option value="">ابتدا دسته‌بندی را انتخاب کنید</option>';
               
                resetContent();
                if (currentCategory) {
                return;
                    contentSelect.disabled = false;
            }
                    contentSelect.innerHTML = '<option value="">انتخاب محتوا</option>';
           
                   
            // پر کردن لیست محتواها
                    // پر کردن لیست محتوا بر اساس دسته‌بندی
            contentSelect.disabled = false;
                    libraryData[currentCategory].forEach((item, index) => {
            contentSelect.innerHTML = '<option value="">لطفاً محتوا انتخاب کنید</option>';
                        const option = document.createElement('option');
           
                        option.value = index;
            booksData[selectedCategory].forEach(item => {
                        option.textContent = item.displayName;
                const option = document.createElement('option');
                        contentSelect.appendChild(option);
                option.value = item.value;
                    });
                option.textContent = item.text;
                   
                contentSelect.appendChild(option);
                    resetContent();
                } else {
                    contentSelect.disabled = true;
                    contentSelect.innerHTML = '<option value="">انتخاب محتوا</option>';
                    resetContent();
                }
             });
             });
           
            resetContent();
        });


            // رویداد تغییر محتوا
        // وقتی محتوا تغییر کرد
            contentSelect.addEventListener('change', function() {
        contentSelect.addEventListener('change', function() {
                currentContent = this.value;
            const selectedValue = this.value;
               
            const selectedText = this.options[this.selectedIndex].text;
                if (currentContent !== '') {
           
                    displayContentWithIframe();
            if (!selectedValue) {
                 } else {
                resetContent();
                    resetContent();
                 return;
                }
            }
            });
           
            currentContent = selectedValue;
            showContent(selectedValue, selectedText);
        });


             // نمایش محتوا با iframe - فقط محتوای اصلی
        // نمایش محتوا
             function displayContentWithIframe() {
        function showContent(bookValue, bookText) {
                 const contentIndex = parseInt(currentContent);
            const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
                 const contentData = libraryData[currentCategory][contentIndex];
            const wikiUrl = `https://www.pediabible.com/index.php/${bookValue}`;
                 const contentName = contentData.name;
            const siteUrl = `https://www.pediabible.com/index.php/${bookValue}`;
                 const contentDisplayName = contentData.displayName;
           
            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);
                  
                  
                 contentTitle.textContent = `${contentDisplayName}`;
                 contentFrame.style.display = 'block';
                  
                iframePlaceholder.style.display = 'none';
                 const contentUrl = `https://www.pediabible.com/index.php/${contentName}?action=render`;
                applyZoom();
                 const wikiUrl = `https://www.pediabible.com/index.php/${contentName}`;
            };
                  
           
                contentContainer.innerHTML = `
            contentFrame.onerror = function() {
                     <iframe
                 clearInterval(progressInterval);
                         id="content-iframe"
                 loadingBar.style.width = '0%';
                        src="${contentUrl}"
                 iframePlaceholder.style.display = 'flex';
                        class="content-display"
                 iframePlaceholder.innerHTML = `
                         frameborder="0"
                     <div>
                        loading="lazy">
                         <i class="fas fa-exclamation-triangle" style="font-size: 1.5rem; color: #dc3545; margin-bottom: 10px;"></i>
                     </iframe>
                         <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                     </div>
                 `;
                 `;
                  
                 contentFrame.style.display = 'none';
                wikiPageLink.href = wikiUrl;
            };
                wikiPageLink.style.display = 'flex';
           
             }
            // به‌روزرسانی لینک‌ها
            wikiLink.href = wikiUrl;
            wikiLink.style.display = 'flex';
           
            siteLink.href = siteUrl;
            siteLink.style.display = 'flex';
              
            viewLink.href = contentUrl;
            viewLink.style.display = 'flex';
        }


            function resetContent() {
        // مشاهده مستقیم
                contentTitle.textContent = 'لطفاً دسته‌بندی و محتوای مورد نظر را انتخاب کنید';
        directView.addEventListener('click', function() {
                 contentContainer.innerHTML = `
            if (currentContent) {
                    <div class="instructions">
                 const directUrl = `https://www.pediabible.com/index.php/${currentContent}`;
                        <div class="placeholder">
                 window.open(directUrl, '_blank', 'noopener,noreferrer');
                            <i class="fas fa-book-open"></i>
                            <p>برای مطالعه، لطفاً ابتدا دسته‌بندی و سپس محتوای مورد نظر خود را انتخاب کنید.</p>
                        </div>
                    </div>
                `;
                 wikiPageLink.style.display = 'none';
             }
             }
        });


             console.log('✅ برنامه کتابخانه روی دامنه مجاز بارگذاری شد');
        // کنترل بزرگ‌نمایی
        function applyZoom() {
             contentFrame.style.zoom = `${currentZoom}%`;
         }
         }


         // 🔒 شروع برنامه با بررسی امنیتی
         zoomIn.addEventListener('click', function() {
        document.addEventListener('DOMContentLoaded', function() {
             if (currentZoom < 150) {
             loadApplication();
                currentZoom += 10;
                applyZoom();
            }
         });
         });


         // 🔒 جلوگیری از دسترسی به توابع از کنسول
         zoomOut.addEventListener('click', function() {
        Object.defineProperty(window, 'libraryData', {
             if (currentZoom > 50) {
             value: null,
                currentZoom -= 10;
            writable: false,
                applyZoom();
             configurable: false
             }
         });
         });
        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%';
        }
     </script>
     </script>
</body>
</body>
</html>
</html>

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

کتابخانه پدیا بایبل - مطالعه آنلاین کتاب‌ها و مقالات مذهبی | پدیا بایبل

کتابخانه پدیا بایبل

مطالعه آنلاین کتاب‌ها و مقالات مذهبی شامل کتاب‌های مقدس و مقالات تخصصی

کتابخانه جامع منابع مذهبی

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

کتاب‌های مقدس

مطالعه کتاب‌های مقدس از جمله عیسی، انجیل متی، مزامیر، پیدایش و دیگر متون مذهبی با ترجمه‌های معتبر

مقالات تخصصی

مقالات متعدد درباره موضوعات مذهبی مانند مسیح، تثلیث، نجات، روح القدس و دیگر مفاهیم دینی

مطالعه آنلاین

امکان مطالعه تمامی منابع به صورت آنلاین با قابلیت‌های پیشرفته مانند بزرگ‌نمایی و مشاهده مستقیم

منابع معتبر

دسترسی به منابع معتبر و مورد تأیید مراجع دینی برای مطالعه و تحقیق

هیچ محتوایی انتخاب نشده است

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