پرش به محتوا

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

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
خط ۲۶: خط ۲۷:
         body {
         body {
             font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
             font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
             background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
             background: #f0f2f5;
             color: var(--text-color);
             color: var(--text-color);
             line-height: 1.6;
             line-height: 1.6;
             padding: 15px;
             padding: 10px;
             min-height: 100vh;
             min-height: 100vh;
         }
         }
خط ۳۷: خط ۳۸:
             margin: 0 auto;
             margin: 0 auto;
             background: white;
             background: white;
             padding: 20px;
             padding: 15px;
             border-radius: 12px;
             border-radius: 8px;
             box-shadow: var(--shadow);
             box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            position: relative;
            overflow: hidden;
        }
       
        .container::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, var(--accent-color), var(--primary-color));
         }
         }
          
          
خط ۵۷: خط ۴۶:
             background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
             background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
             color: white;
             color: white;
             padding: 25px;
             padding: 20px;
             border-radius: 10px;
             border-radius: 8px;
             margin-bottom: 25px;
             margin-bottom: 20px;
             text-align: center;
             text-align: center;
            position: relative;
            overflow: hidden;
        }
       
        .header::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.1);
            transform: rotate(30deg);
         }
         }
          
          
         h1 {
         h1 {
             margin: 0;
             margin: 0;
             font-size: 32px;
             font-size: 24px;
             font-weight: 700;
             font-weight: 700;
            position: relative;
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
         }
         }
          
          
         .description {
         .description {
             color: rgba(255,255,255,0.9);
             color: rgba(255,255,255,0.9);
             font-size: 16px;
             font-size: 14px;
             margin-top: 12px;
             margin-top: 8px;
            position: relative;
            max-width: 600px;
            margin-right: auto;
            margin-left: auto;
         }
         }
          
          
خط ۹۸: خط ۶۸:
             justify-content: space-between;
             justify-content: space-between;
             background: var(--light-color);
             background: var(--light-color);
             padding: 12px 20px;
             padding: 10px 15px;
             border-radius: 8px;
             border-radius: 6px;
             margin-bottom: 20px;
             margin-bottom: 15px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             font-size: 14px;
             font-size: 13px;
         }
         }
          
          
خط ۱۰۸: خط ۷۸:
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 8px;
             gap: 6px;
         }
         }
          
          
خط ۱۱۷: خط ۸۷:
          
          
         .filter-section {
         .filter-section {
             margin-bottom: 25px;
             margin-bottom: 20px;
             background: var(--light-color);
             background: var(--light-color);
             padding: 20px;
             padding: 15px;
             border-radius: 10px;
             border-radius: 8px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
         }
         }
خط ۱۲۶: خط ۹۶:
         .filter-row {
         .filter-row {
             display: flex;
             display: flex;
             gap: 15px;
             gap: 10px;
             margin-bottom: 15px;
             margin-bottom: 10px;
         }
         }
          
          
خط ۱۳۶: خط ۱۰۶:
         label {
         label {
             display: block;
             display: block;
             margin-bottom: 8px;
             margin-bottom: 6px;
             font-weight: 600;
             font-weight: 600;
             color: var(--dark-color);
             color: var(--dark-color);
             font-size: 15px;
             font-size: 14px;
         }
         }
          
          
خط ۱۴۸: خط ۱۱۸:
         .custom-select {
         .custom-select {
             width: 100%;
             width: 100%;
             padding: 12px 15px;
             padding: 10px 12px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 8px;
             border-radius: 6px;
             font-size: 15px;
             font-size: 14px;
             background: white;
             background: white;
             cursor: pointer;
             cursor: pointer;
خط ۱۶۸: خط ۱۳۸:
             color: var(--primary-color);
             color: var(--primary-color);
             transition: var(--transition);
             transition: var(--transition);
            font-size: 12px;
         }
         }
          
          
خط ۱۸۱: خط ۱۵۲:
             background: white;
             background: white;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 8px;
             border-radius: 6px;
             margin-top: 5px;
             margin-top: 5px;
             box-shadow: var(--shadow);
             box-shadow: var(--shadow);
             z-index: 1000;
             z-index: 1000;
             display: none;
             display: none;
             max-height: 300px;
             max-height: 250px;
             overflow: hidden;
             overflow: hidden;
            animation: fadeIn 0.2s ease;
        }
       
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
         }
         }
          
          
         .search-box {
         .search-box {
             padding: 12px;
             padding: 10px;
             border-bottom: 1px solid var(--border-color);
             border-bottom: 1px solid var(--border-color);
             background: var(--light-color);
             background: var(--light-color);
خط ۲۰۴: خط ۱۶۹:
         .search-box input {
         .search-box input {
             width: 100%;
             width: 100%;
             padding: 10px 15px;
             padding: 8px 10px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 6px;
             border-radius: 4px;
             font-size: 14px;
             font-size: 13px;
             transition: var(--transition);
             transition: var(--transition);
         }
         }
خط ۲۱۴: خط ۱۷۹:
             outline: none;
             outline: none;
             border-color: var(--accent-color);
             border-color: var(--accent-color);
            box-shadow: 0 0 0 3px rgba(143, 185, 150, 0.2);
         }
         }
          
          
         .options-container {
         .options-container {
             max-height: 250px;
             max-height: 200px;
             overflow-y: auto;
             overflow-y: auto;
         }
         }
          
          
         .option-item {
         .option-item {
             padding: 12px 15px;
             padding: 10px 12px;
             cursor: pointer;
             cursor: pointer;
             border-bottom: 1px solid #f0f0f0;
             border-bottom: 1px solid #f0f0f0;
             font-size: 14px;
             font-size: 13px;
             transition: var(--transition);
             transition: var(--transition);
            display: flex;
            align-items: center;
            gap: 10px;
         }
         }
          
          
خط ۲۴۳: خط ۲۰۴:
         .option-item.selected {
         .option-item.selected {
             background-color: var(--primary-color);
             background-color: var(--primary-color);
            color: white;
        }
       
        .option-item i {
            color: var(--secondary-color);
        }
       
        .option-item.selected i {
             color: white;
             color: white;
         }
         }
خط ۲۵۶: خط ۲۰۹:
         select {
         select {
             width: 100%;
             width: 100%;
             padding: 12px 15px;
             padding: 10px 12px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 8px;
             border-radius: 6px;
             font-size: 15px;
             font-size: 14px;
             background: white;
             background: white;
             transition: var(--transition);
             transition: var(--transition);
خط ۲۶۸: خط ۲۲۱:
             outline: none;
             outline: none;
             border-color: var(--accent-color);
             border-color: var(--accent-color);
            box-shadow: 0 0 0 3px rgba(143, 185, 150, 0.2);
         }
         }
          
          
         .content-section {
         .content-section {
             margin-top: 20px;
             margin-top: 15px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 10px;
             border-radius: 8px;
             overflow: hidden;
             overflow: hidden;
             background: white;
             background: white;
             height: 550px;
             height: 500px;
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
         }
         }
          
          
         .content-header {
         .content-header {
             padding: 15px 20px;
             padding: 12px 15px;
             background: var(--light-color);
             background: var(--light-color);
             border-bottom: 1px solid var(--border-color);
             border-bottom: 1px solid var(--border-color);
خط ۲۹۵: خط ۲۴۶:
             font-weight: 600;
             font-weight: 600;
             color: var(--primary-color);
             color: var(--primary-color);
             font-size: 18px;
             font-size: 16px;
         }
         }
          
          
         .content-controls {
         .content-controls {
             display: flex;
             display: flex;
             gap: 10px;
             gap: 8px;
         }
         }
          
          
خط ۳۰۶: خط ۲۵۷:
             background: white;
             background: white;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 6px;
             border-radius: 4px;
             padding: 6px 12px;
             padding: 5px 10px;
             cursor: pointer;
             cursor: pointer;
             font-size: 13px;
             font-size: 12px;
             transition: var(--transition);
             transition: var(--transition);
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 5px;
             gap: 4px;
         }
         }
          
          
خط ۳۳۹: خط ۲۹۰:
             height: 100%;
             height: 100%;
             color: #6c757d;
             color: #6c757d;
             font-size: 16px;
             font-size: 15px;
             text-align: center;
             text-align: center;
             padding: 20px;
             padding: 15px;
             background: white;
             background: white;
             flex-direction: column;
             flex-direction: column;
خط ۳۵۰: خط ۳۰۱:
             justify-content: space-between;
             justify-content: space-between;
             align-items: center;
             align-items: center;
             padding: 15px 20px;
             padding: 12px 15px;
             background-color: var(--light-color);
             background-color: var(--light-color);
             border-top: 1px solid var(--border-color);
             border-top: 1px solid var(--border-color);
             gap: 15px;
             gap: 10px;
         }
         }
          
          
         .wiki-link, .site-link {
         .wiki-link, .site-link, .view-link {
             background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
             background: var(--primary-color);
             color: white;
             color: white;
             text-decoration: none;
             text-decoration: none;
             font-weight: 600;
             font-weight: 600;
             padding: 12px 20px;
             padding: 8px 15px;
             border-radius: 8px;
             border-radius: 6px;
             border: none;
             border: none;
             cursor: pointer;
             cursor: pointer;
             font-size: 15px;
             font-size: 13px;
             text-align: center;
             text-align: center;
            flex: 1;
             transition: var(--transition);
             transition: var(--transition);
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             gap: 8px;
             gap: 6px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
         }
         }
          
          
         .site-link {
         .site-link {
             background: linear-gradient(135deg, #6c757d, #495057);
             background: #6c757d;
         }
         }
          
          
         .site-link:hover {
         .view-link {
             transform: translateY(-2px);
             background: var(--secondary-color);
            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
         }
         }
          
          
         .wiki-link:hover {
         .site-link:hover, .wiki-link:hover, .view-link:hover {
             transform: translateY(-2px);
             opacity: 0.9;
             box-shadow: 0 4px 8px rgba(0,0,0,0.15);
             transform: translateY(-1px);
         }
         }
          
          
         .recent-section {
         .recent-section {
             margin-top: 25px;
             margin-top: 20px;
             background: var(--light-color);
             background: var(--light-color);
             padding: 20px;
             padding: 15px;
             border-radius: 10px;
             border-radius: 8px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
         }
         }
          
          
         .section-title {
         .section-title {
             font-size: 18px;
             font-size: 16px;
             font-weight: 600;
             font-weight: 600;
             color: var(--primary-color);
             color: var(--primary-color);
             margin-bottom: 15px;
             margin-bottom: 12px;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 10px;
             gap: 8px;
         }
         }
          
          
         .recent-items {
         .recent-items {
             display: flex;
             display: flex;
             gap: 15px;
             gap: 10px;
             overflow-x: auto;
             overflow-x: auto;
             padding: 5px;
             padding: 5px;
خط ۴۱۷: خط ۳۶۵:
         .recent-item {
         .recent-item {
             background: white;
             background: white;
             border-radius: 8px;
             border-radius: 6px;
             padding: 15px;
             padding: 12px;
             min-width: 180px;
             min-width: 150px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             cursor: pointer;
             cursor: pointer;
خط ۴۲۷: خط ۳۷۵:
          
          
         .recent-item:hover {
         .recent-item:hover {
             transform: translateY(-3px);
             transform: translateY(-2px);
             box-shadow: 0 4px 8px rgba(0,0,0,0.1);
             box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
       
        .recent-item i {
            font-size: 24px;
            color: var(--secondary-color);
            margin-bottom: 10px;
         }
         }
          
          
         .recent-title {
         .recent-title {
             font-weight: 600;
             font-weight: 600;
             font-size: 14px;
             font-size: 13px;
             color: var(--dark-color);
             color: var(--dark-color);
         }
         }
          
          
         .recent-category {
         .recent-category {
             font-size: 12px;
             font-size: 11px;
             color: #6c757d;
             color: #6c757d;
             margin-top: 5px;
             margin-top: 4px;
         }
         }
          
          
خط ۴۵۲: خط ۳۹۴:
             text-align: center;
             text-align: center;
             color: #6c757d;
             color: #6c757d;
             padding: 20px;
             padding: 15px;
             font-style: italic;
             font-style: italic;
            width: 100%;
        }
       
        .loading-bar {
            height: 3px;
            background: linear-gradient(90deg, var(--accent-color), var(--primary-color));
            width: 0%;
            transition: width 0.4s ease;
            position: absolute;
            top: 0;
            right: 0;
         }
         }
          
          
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             body {
             body {
                 padding: 10px;
                 padding: 5px;
             }
             }
              
              
             .container {
             .container {
                 padding: 15px;
                 padding: 10px;
             }
             }
              
              
خط ۴۷۰: خط ۴۲۳:
              
              
             .content-section {
             .content-section {
                 height: 450px;
                 height: 400px;
             }
             }
              
              
خط ۴۷۷: خط ۴۳۰:
             }
             }
              
              
             .wiki-link, .site-link {
             .wiki-link, .site-link, .view-link {
                 width: 100%;
                 width: 100%;
             }
             }
خط ۴۸۳: خط ۴۳۶:
             .stats-bar {
             .stats-bar {
                 flex-direction: column;
                 flex-direction: column;
                 gap: 10px;
                 gap: 8px;
             }
             }
              
              
             .content-header {
             .content-header {
                 flex-direction: column;
                 flex-direction: column;
                 gap: 10px;
                 gap: 8px;
                 align-items: flex-start;
                 align-items: flex-start;
             }
             }
خط ۴۹۶: خط ۴۴۹:
                 justify-content: space-between;
                 justify-content: space-between;
             }
             }
        }
           
       
            .recent-items {
        .loading-bar {
                flex-direction: column;
            height: 3px;
             }
             background: linear-gradient(90deg, var(--accent-color), var(--primary-color));
              
             width: 0%;
             .recent-item {
             transition: width 0.4s ease;
                min-width: auto;
            position: absolute;
             }
             top: 0;
            right: 0;
         }
         }
     </style>
     </style>
خط ۵۱۲: خط ۴۶۳:
     <div class="container">
     <div class="container">
         <div class="header">
         <div class="header">
             <h1><i class="fas fa-book-open"></i> کتابخانه پدیا بایبل</h1>
             <h1>کتابخانه پدیا بایبل</h1>
             <div class="description">
             <div class="description">
                 در این بخش می‌توانید کتاب‌ها و مقالات مختلف را مطالعه کنید.  
                 در این بخش می‌توانید کتاب‌ها و مقالات مختلف را مطالعه کنید.  
خط ۵۳۷: خط ۴۸۸:
             <div class="filter-row">
             <div class="filter-row">
                 <div class="form-group">
                 <div class="form-group">
                     <label for="categorySelect"><i class="fas fa-folder"></i> دسته‌بندی:</label>
                     <label for="categorySelect">دسته‌بندی:</label>
                     <select id="categorySelect">
                     <select id="categorySelect">
                         <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
                         <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
خط ۵۴۶: خط ۴۹۷:
                  
                  
                 <div class="form-group">
                 <div class="form-group">
                     <label for="bookSelect"><i class="fas fa-search"></i> انتخاب محتوا:</label>
                     <label for="bookSelect">انتخاب محتوا:</label>
                     <div class="custom-select-container">
                     <div class="custom-select-container">
                         <div class="custom-select" id="customSelectDisplay">
                         <div class="custom-select" id="customSelectDisplay">
خط ۵۷۸: خط ۵۲۹:
                 <div class="iframe-placeholder" id="iframePlaceholder">
                 <div class="iframe-placeholder" id="iframePlaceholder">
                     <div>
                     <div>
                         <i class="fas fa-book-open" style="font-size: 3rem; color: #6c757d; margin-bottom: 15px;"></i>
                         <i class="fas fa-book-open" style="font-size: 2.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                         <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                         <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                     </div>
                     </div>
خط ۵۹۲: خط ۵۴۳:
                     <i class="fab fa-wikipedia-w"></i>
                     <i class="fab fa-wikipedia-w"></i>
                     مشاهده صفحه کامل در ویکی
                     مشاهده صفحه کامل در ویکی
                </a>
                <a id="viewLink" href="#" class="view-link" target="_blank" style="display: none;">
                    <i class="fas fa-eye"></i>
                    مشاهده صفحه
                 </a>
                 </a>
             </div>
             </div>
خط ۶۱۰: خط ۵۶۵:
         const booksData = {
         const booksData = {
             'کتاب': [
             'کتاب': [
                 { value: 'عیسی', text: 'عیسی', icon: 'fas fa-cross' },
                 { value: 'عیسی', text: 'عیسی' },
                 { value: 'انجیل_متی', text: 'انجیل متی', icon: 'fas fa-bible' },
                 { value: 'انجیل_متی', text: 'انجیل متی' },
                 { value: 'مزامیر', text: 'مزامیر', icon: 'fas fa-music' },
                 { value: 'مزامیر', text: 'مزامیر' },
                 { value: 'پیدایش', text: 'پیدایش', icon: 'fas fa-seedling' }
                 { value: 'پیدایش', text: 'پیدایش' }
             ],
             ],
             'مقاله': [
             'مقاله': [
                 { value: 'مسیح', text: 'مسیح', icon: 'fas fa-dove' },
                 { value: 'مسیح', text: 'مسیح' },
                 { value: 'تثلیث', text: 'تثلیث', icon: 'fas fa-shield-alt' },
                 { value: 'تثلیث', text: 'تثلیث' },
                 { value: 'نجات', text: 'نجات', icon: 'fas fa-hands-helping' },
                 { value: 'نجات', text: 'نجات' },
                 { value: 'روح_القدس', text: 'روح القدس', icon: 'fas fa-wind' }
                 { value: 'روح_القدس', text: 'روح القدس' }
             ]
             ]
         };
         };
خط ۶۳۳: خط ۵۸۸:
         const wikiLink = document.getElementById('wikiLink');
         const wikiLink = document.getElementById('wikiLink');
         const siteLink = document.getElementById('siteLink');
         const siteLink = document.getElementById('siteLink');
        const viewLink = document.getElementById('viewLink');
         const contentTitle = document.getElementById('contentTitle');
         const contentTitle = document.getElementById('contentTitle');
         const booksCount = document.getElementById('booksCount');
         const booksCount = document.getElementById('booksCount');
خط ۶۷۰: خط ۶۲۶:
                 recentItem.className = 'recent-item';
                 recentItem.className = 'recent-item';
                 recentItem.innerHTML = `
                 recentItem.innerHTML = `
                    <i class="${item.icon}"></i>
                     <div class="recent-title">${item.text}</div>
                     <div class="recent-title">${item.text}</div>
                     <div class="recent-category">${item.category}</div>
                     <div class="recent-category">${item.category}</div>
خط ۷۳۹: خط ۶۹۴:
                 !searchTerm || book.text.toLowerCase().includes(searchLower)
                 !searchTerm || book.text.toLowerCase().includes(searchLower)
             );
             );
           
            if (filteredBooks.length === 0) {
                const noResult = document.createElement('div');
                noResult.className = 'option-item';
                noResult.textContent = 'نتیجه‌ای یافت نشد';
                noResult.style.color = '#999';
                optionsContainer.appendChild(noResult);
                return;
            }
              
              
             filteredBooks.forEach(book => {
             filteredBooks.forEach(book => {
                 const optionItem = document.createElement('div');
                 const optionItem = document.createElement('div');
                 optionItem.className = 'option-item';
                 optionItem.className = 'option-item';
                 optionItem.innerHTML = `
                 optionItem.textContent = book.text;
                    <i class="${book.icon}"></i>
                    <span>${book.text}</span>
                `;
                 optionItem.setAttribute('data-value', book.value);
                 optionItem.setAttribute('data-value', book.value);
                 optionItem.setAttribute('data-text', book.text);
                 optionItem.setAttribute('data-text', book.text);
                optionItem.setAttribute('data-icon', book.icon);
                  
                  
                 if (book.value === currentSelection.value) {
                 if (book.value === currentSelection.value) {
خط ۷۵۸: خط ۷۱۸:
                     const value = this.getAttribute('data-value');
                     const value = this.getAttribute('data-value');
                     const text = this.getAttribute('data-text');
                     const text = this.getAttribute('data-text');
                    const icon = this.getAttribute('data-icon');
                      
                      
                     currentSelection = { value, text, icon };
                     currentSelection = { value, text };
                     customSelectDisplay.innerHTML = `<span>${text}</span><i class="fas fa-chevron-down"></i>`;
                     customSelectDisplay.innerHTML = `<span>${text}</span><i class="fas fa-chevron-down"></i>`;
                     customSelectDisplay.style.color = '#333';
                     customSelectDisplay.style.color = '#333';
خط ۷۶۸: خط ۷۲۷:
                     customSelectDisplay.classList.remove('active');
                     customSelectDisplay.classList.remove('active');
                      
                      
                     showContent(value, text, icon);
                     showContent(value, text);
                 });
                 });
                  
                  
                 optionsContainer.appendChild(optionItem);
                 optionsContainer.appendChild(optionItem);
             });
             });
           
            if (filteredBooks.length === 0) {
                const noResult = document.createElement('div');
                noResult.className = 'option-item';
                noResult.textContent = 'نتیجه‌ای یافت نشد';
                noResult.style.color = '#999';
                optionsContainer.appendChild(noResult);
            }
         }
         }


خط ۷۸۷: خط ۷۳۸:
         });
         });


         function showContent(bookValue, bookText, icon) {
         function showContent(bookValue, bookText) {
             if (!bookValue) {
             if (!bookValue) {
                 resetContent();
                 resetContent();
خط ۷۹۴: خط ۷۴۵:
              
              
             // افزودن به تاریخچه مطالعه
             // افزودن به تاریخچه مطالعه
             const newItem = { value: bookValue, text: bookText, category: currentCategory, icon: icon };
             const newItem = { value: bookValue, text: bookText, category: currentCategory };
             if (!readItems.some(item => item.value === bookValue && item.category === currentCategory)) {
             if (!readItems.some(item => item.value === bookValue && item.category === currentCategory)) {
                 readItems.push(newItem);
                 readItems.push(newItem);
خط ۸۱۱: خط ۷۶۲:
             iframePlaceholder.innerHTML = `
             iframePlaceholder.innerHTML = `
                 <div>
                 <div>
                     <i class="fas fa-spinner fa-spin" style="font-size: 3rem; color: #2c5530; margin-bottom: 15px;"></i>
                     <i class="fas fa-spinner fa-spin" style="font-size: 2.5rem; color: #2c5530; margin-bottom: 10px;"></i>
                     <p>در حال بارگذاری "${bookText}"...</p>
                     <p>در حال بارگذاری "${bookText}"...</p>
                 </div>
                 </div>
خط ۸۴۴: خط ۷۹۵:
                 iframePlaceholder.innerHTML = `
                 iframePlaceholder.innerHTML = `
                     <div>
                     <div>
                         <i class="fas fa-exclamation-triangle" style="font-size: 3rem; color: #dc3545; margin-bottom: 15px;"></i>
                         <i class="fas fa-exclamation-triangle" style="font-size: 2.5rem; color: #dc3545; margin-bottom: 10px;"></i>
                         <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                         <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                     </div>
                     </div>
خط ۸۵۳: خط ۸۰۴:
             // به‌روزرسانی لینک‌ها
             // به‌روزرسانی لینک‌ها
             wikiLink.href = wikiUrl;
             wikiLink.href = wikiUrl;
            wikiLink.textContent = `مشاهده صفحه کامل در ویکی`;
             wikiLink.style.display = 'flex';
             wikiLink.style.display = 'flex';
              
              
             siteLink.href = siteUrl;
             siteLink.href = siteUrl;
            siteLink.textContent = `مشاهده صفحه در سایت اصلی`;
             siteLink.style.display = 'flex';
             siteLink.style.display = 'flex';
           
            viewLink.href = contentUrl;
            viewLink.style.display = 'flex';
         }
         }


خط ۸۶۸: خط ۸۲۰:
             iframePlaceholder.innerHTML = `
             iframePlaceholder.innerHTML = `
                 <div>
                 <div>
                     <i class="fas fa-book-open" style="font-size: 3rem; color: #6c757d; margin-bottom: 15px;"></i>
                     <i class="fas fa-book-open" style="font-size: 2.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                     <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                     <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                 </div>
                 </div>
خط ۸۷۴: خط ۸۲۶:
             wikiLink.style.display = 'none';
             wikiLink.style.display = 'none';
             siteLink.style.display = 'none';
             siteLink.style.display = 'none';
            viewLink.style.display = 'none';
             contentFrame.src = 'about:blank';
             contentFrame.src = 'about:blank';
         }
         }
خط ۸۹۹: خط ۸۵۲:
         refreshBtn.addEventListener('click', function() {
         refreshBtn.addEventListener('click', function() {
             if (currentSelection.value) {
             if (currentSelection.value) {
                 showContent(currentSelection.value, currentSelection.text, currentSelection.icon);
                 showContent(currentSelection.value, currentSelection.text);
             }
             }
         });
         });

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

<!DOCTYPE html> کتابخانه پدیا بایبل - مطالعه کتاب‌ها و مقالات

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

در این بخش می‌توانید کتاب‌ها و مقالات مختلف را مطالعه کنید. برای شروع، دسته‌بندی و سپس مورد مورد نظر خود را انتخاب نمایید.
تعداد کتاب‌ها: 4
تعداد مقالات: 4
مطالب مطالعه شده: 0
ابتدا دسته‌بندی را انتخاب کنید
هیچ محتوایی انتخاب نشده است

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

مطالب مطالعه شده اخیر
هیچ مطلبی اخیراً مطالعه نشده است

برگرفته از «https://www.pediabible.com/index.php?title=تست&oldid=4418»