پرش به محتوا

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

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱۹۱: خط ۱۹۱:
         }
         }


         .view-controls {
         .current-display {
             display: flex;
             text-align: center;
            gap: 8px;
            justify-content: center;
            flex-wrap: wrap;
             margin-bottom: 15px;
             margin-bottom: 15px;
        }
             padding: 8px;
 
             background: #f8f9fa;
        .view-btn {
             padding: 6px 12px;
             border: 1px solid #ddd;
            background: white;
             border-radius: 5px;
             border-radius: 5px;
            cursor: pointer;
             font-size: 0.9rem;
            transition: all 0.3s;
             font-size: 0.85rem;
            display: flex;
            align-items: center;
            gap: 5px;
        }
 
        .view-btn.active {
            background-color: var(--secondary-color);
            color: white;
            border-color: var(--secondary-color);
         }
         }


خط ۲۳۹: خط ۲۲۱:
             margin-bottom: 12px;
             margin-bottom: 12px;
             font-size: 1.2rem;
             font-size: 1.2rem;
        }
        .current-display {
            text-align: center;
            margin-bottom: 10px;
            padding: 8px;
            background: #f8f9fa;
            border-radius: 5px;
            font-size: 0.9rem;
         }
         }


خط ۳۰۹: خط ۲۸۲:
                 min-width: auto;
                 min-width: auto;
                 flex: 1;
                 flex: 1;
            }
           
            .view-controls {
                gap: 6px;
            }
           
            .view-btn {
                padding: 5px 10px;
                font-size: 0.8rem;
                flex: 1;
                justify-content: center;
             }
             }
              
              
خط ۳۵۲: خط ۳۱۴:
                 font-size: 0.8rem;
                 font-size: 0.8rem;
                 padding: 6px 8px;
                 padding: 6px 8px;
            }
           
            .view-controls {
                flex-direction: row;
            }
           
            .view-btn {
                width: auto;
             }
             }
         }
         }
خط ۴۶۸: خط ۴۲۲:
                     <div class="navigation">
                     <div class="navigation">
                         <button class="nav-btn" id="prev-chapter" disabled>⏪ فصل قبلی</button>
                         <button class="nav-btn" id="prev-chapter" disabled>⏪ فصل قبلی</button>
                         <a href="#" class="wiki-link" id="wiki-page-link" target="_blank" style="display: none;">📖 مشاهده در ویکی</a>
                        <button class="nav-btn" id="clean-view" style="display: none;">🧹 نمایش تمیز</button>
                        <button class="nav-btn" id="full-view" style="display: none;">📄 صفحه کامل</button>
                         <a href="#" class="wiki-link" id="wiki-page-link" target="_blank" style="display: none;">🔄 باز کردن در تب جدید</a>
                         <button class="nav-btn" id="next-chapter" disabled>فصل بعدی ⏩</button>
                         <button class="nav-btn" id="next-chapter" disabled>فصل بعدی ⏩</button>
                     </div>
                     </div>
خط ۵۱۲: خط ۴۶۸:
             const prevChapterBtn = document.getElementById('prev-chapter');
             const prevChapterBtn = document.getElementById('prev-chapter');
             const nextChapterBtn = document.getElementById('next-chapter');
             const nextChapterBtn = document.getElementById('next-chapter');
            const cleanViewBtn = document.getElementById('clean-view');
            const fullViewBtn = document.getElementById('full-view');
             const wikiPageLink = document.getElementById('wiki-page-link');
             const wikiPageLink = document.getElementById('wiki-page-link');


خط ۵۶۳: خط ۵۲۱:
                     prevChapterBtn.disabled = true;
                     prevChapterBtn.disabled = true;
                     nextChapterBtn.disabled = true;
                     nextChapterBtn.disabled = true;
                    cleanViewBtn.style.display = 'none';
                    fullViewBtn.style.display = 'none';
                     wikiPageLink.style.display = 'none';
                     wikiPageLink.style.display = 'none';
                 } else {
                 } else {
خط ۵۹۹: خط ۵۵۹:
                         <div class="current-display">
                         <div class="current-display">
                             📖 در حال نمایش: <strong>${bookName} فصل ${currentChapter}</strong>
                             📖 در حال نمایش: <strong>${bookName} فصل ${currentChapter}</strong>
                        </div>
                        <div class="view-controls">
                            <button class="view-btn ${currentViewMode === 'render' ? 'active' : ''}" data-mode="render">🧹 نمایش تمیز</button>
                            <button class="view-btn ${currentViewMode === 'full' ? 'active' : ''}" data-mode="full">📄 صفحه کامل</button>
                            <a href="${fullPageUrl}" class="view-btn" target="_blank">🔄 باز کردن در تب جدید</a>
                         </div>
                         </div>
                         <iframe  
                         <iframe  
خط ۶۱۶: خط ۵۷۱:
                 `;
                 `;
                  
                  
                 // اضافه کردن رویداد به دکمه‌های نمایش
                 // نمایش دکمه‌های حالت نمایش
                 document.querySelectorAll('.view-btn[data-mode]').forEach(btn => {
                 cleanViewBtn.style.display = 'inline-flex';
                    btn.addEventListener('click', function() {
                fullViewBtn.style.display = 'inline-flex';
                        const mode = this.getAttribute('data-mode');
               
                        switchViewMode(mode, this);
                // به‌روزرسانی وضعیت فعال دکمه‌ها
                    });
                 updateViewButtons();
                 });
                  
                  
                 wikiPageLink.href = fullPageUrl;
                 wikiPageLink.href = fullPageUrl;
خط ۶۳۹: خط ۵۹۳:
             }
             }


             function switchViewMode(mode, clickedBtn) {
             function updateViewButtons() {
                 currentViewMode = mode;
                if (currentViewMode === 'render') {
                    cleanViewBtn.style.backgroundColor = var(--primary-color);
                    fullViewBtn.style.backgroundColor = var(--secondary-color);
                } else {
                    cleanViewBtn.style.backgroundColor = var(--secondary-color);
                    fullViewBtn.style.backgroundColor = var(--primary-color);
                }
            }
 
            // رویداد دکمه نمایش تمیز
            cleanViewBtn.addEventListener('click', function() {
                 currentViewMode = 'render';
                 const iframe = document.getElementById('content-iframe');
                 const iframe = document.getElementById('content-iframe');
                 if (iframe) {
                 if (iframe) {
                     iframe.src = getCurrentViewUrl();
                     iframe.src = getCurrentViewUrl();
                 }
                 }
                  
                 updateViewButtons();
                 document.querySelectorAll('.view-btn[data-mode]').forEach(btn => {
            });
                     btn.classList.remove('active');
 
                 });
            // رویداد دکمه نمایش کامل
                 clickedBtn.classList.add('active');
            fullViewBtn.addEventListener('click', function() {
             }
                 currentViewMode = 'full';
                const iframe = document.getElementById('content-iframe');
                if (iframe) {
                     iframe.src = getCurrentViewUrl();
                 }
                 updateViewButtons();
             });


             function updateNavigationButtons() {
             function updateNavigationButtons() {
خط ۶۸۴: خط ۶۵۵:
                 prevChapterBtn.disabled = true;
                 prevChapterBtn.disabled = true;
                 nextChapterBtn.disabled = true;
                 nextChapterBtn.disabled = true;
                cleanViewBtn.style.display = 'none';
                fullViewBtn.style.display = 'none';
                 wikiPageLink.style.display = 'none';
                 wikiPageLink.style.display = 'none';
             }
             }

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

<!DOCTYPE html> کتاب مقدس - مطالعه آنلاین

کتاب مقدس

مطالعه آنلاین کتاب مقدس به زبان فارسی

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