پرش به محتوا

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

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
برچسب‌ها: واگردانی دستی برگردانده‌شده
بدون خلاصۀ ویرایش
برچسب: برگردانده‌شده
خط ۲۰: خط ۲۰:
             padding: 0;
             padding: 0;
             box-sizing: border-box;
             box-sizing: border-box;
        }
       
        html, body {
            height: 100%;
            width: 100%;
            overflow: hidden;
         }
         }
          
          
خط ۳۰: خط ۳۶:
             padding: 0;
             padding: 0;
             margin: 0;
             margin: 0;
            min-height: 100vh;
            width: 100vw;
            overflow-x: hidden;
         }
         }
          
          
خط ۴۷: خط ۵۰:
         .container {
         .container {
             width: 100%;
             width: 100%;
            height: 100vh;
             margin: 0;
             margin: 0;
             padding: 10px 15px;
             padding: 10px 15px;
            min-height: 100vh;
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
            overflow: hidden;
         }
         }
          
          
         .app-header {
         .app-header {
             text-align: center;
             text-align: center;
             margin-bottom: 20px;
             margin-bottom: 15px;
             padding: 15px 20px;
             padding: 12px 15px;
             border-bottom: 2px solid var(--border-color);
             border-bottom: 2px solid var(--border-color);
             background: linear-gradient(to bottom, #f9f6f2, #f0e6d6);
             background: linear-gradient(to bottom, #f9f6f2, #f0e6d6);
             border-radius: 8px;
             border-radius: 8px;
             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            position: relative;
             flex-shrink: 0;
             flex-shrink: 0;
         }
         }
خط ۷۱: خط ۷۴:
             align-items: center;
             align-items: center;
             gap: 8px;
             gap: 8px;
             margin-bottom: 12px;
             margin-bottom: 8px;
             font-size: 1.1rem;
             font-size: 1rem;
             color: var(--dark-color);
             color: var(--dark-color);
             direction: rtl;
             direction: rtl;
خط ۱۰۱: خط ۱۰۴:
         .app-header h1 {
         .app-header h1 {
             color: var(--primary-color);
             color: var(--primary-color);
             margin-bottom: 8px;
             margin-bottom: 5px;
             font-size: 1.8rem;
             font-size: 1.5rem;
             text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
             text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
             font-weight: 700;
             font-weight: 700;
خط ۱۱۰: خط ۱۱۳:
         .description {
         .description {
             color:#808080;
             color:#808080;
             font-size:1.2rem;
             font-size:1rem;
             font-style: italic;
             font-style: italic;
             margin-top: 5px;
             margin-top: 3px;
             text-align: center;
             text-align: center;
         }
         }
خط ۱۱۹: خط ۱۲۲:
             display: grid;
             display: grid;
             grid-template-columns: 1fr 1fr;
             grid-template-columns: 1fr 1fr;
             gap: 15px;
             gap: 12px;
             margin-bottom: 20px;
             margin-bottom: 15px;
             background: white;
             background: white;
             padding: 15px;
             padding: 12px;
             border-radius: 8px;
             border-radius: 8px;
             box-shadow: 0 4px 8px rgba(0,0,0,0.08);
             box-shadow: 0 4px 8px rgba(0,0,0,0.08);
خط ۱۳۴: خط ۱۳۷:
             background: white;
             background: white;
             border-radius: 6px;
             border-radius: 6px;
             padding: 12px;
             padding: 10px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
         }
         }
          
          
         .selector-title {
         .selector-title {
             font-size: 1rem;
             font-size: 0.9rem;
             margin-bottom: 8px;
             margin-bottom: 6px;
             color: var(--primary-color);
             color: var(--primary-color);
             border-bottom: 1px solid var(--border-color);
             border-bottom: 1px solid var(--border-color);
             padding-bottom: 5px;
             padding-bottom: 4px;
             text-align: center;
             text-align: center;
         }
         }
خط ۱۴۹: خط ۱۵۲:
         select {
         select {
             width: 100%;
             width: 100%;
             padding: 10px 12px;
             padding: 8px 10px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 4px;
             border-radius: 4px;
             background-color: white;
             background-color: white;
             font-size: 0.95rem;
             font-size: 0.9rem;
             color: var(--dark-color);
             color: var(--dark-color);
             cursor: pointer;
             cursor: pointer;
خط ۱۷۲: خط ۱۷۵:
             border-radius: 8px;
             border-radius: 8px;
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
             padding: 20px;
             padding: 15px;
             flex: 1;
             flex: 1;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             margin-bottom: 20px;
             margin-bottom: 15px;
             direction: rtl;
             direction: rtl;
             text-align: right;
             text-align: right;
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
             min-height: 0; /* مهم برای flex */
             min-height: 0;
            overflow: hidden;
         }
         }
          
          
         .chapter-title {
         .chapter-title {
             text-align: center;
             text-align: center;
             margin-bottom: 20px;
             margin-bottom: 15px;
             color: var(--primary-color);
             color: var(--primary-color);
             font-size: 1.5rem;
             font-size: 1.3rem;
             padding-bottom: 10px;
             padding-bottom: 8px;
             border-bottom: 2px solid var(--border-color);
             border-bottom: 2px solid var(--border-color);
             flex-shrink: 0;
             flex-shrink: 0;
        }
       
        #verses-container {
            flex: 1;
            min-height: 0;
            display: flex;
            flex-direction: column;
         }
         }
          
          
خط ۱۹۹: خط ۲۱۰:
             border-radius: 6px;
             border-radius: 6px;
             background: white;
             background: white;
             min-height: 0; /* مهم برای flex */
             min-height: 0;
         }
         }
          
          
خط ۲۰۶: خط ۲۱۷:
             justify-content: space-between;
             justify-content: space-between;
             align-items: center;
             align-items: center;
             margin-top: 25px;
             margin-top: 15px;
             flex-wrap: wrap;
             flex-wrap: wrap;
             gap: 10px;
             gap: 8px;
             direction: rtl;
             direction: rtl;
             flex-shrink: 0;
             flex-shrink: 0;
خط ۲۱۴: خط ۲۲۵:
          
          
         .nav-btn {
         .nav-btn {
             padding: 12px 20px;
             padding: 10px 16px;
             background-color: var(--secondary-color);
             background-color: var(--secondary-color);
             color: white;
             color: white;
خط ۲۲۱: خط ۲۳۲:
             cursor: pointer;
             cursor: pointer;
             transition: all 0.3s;
             transition: all 0.3s;
             font-size: 1rem;
             font-size: 0.9rem;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 8px;
             gap: 6px;
             font-family: var(--font-family);
             font-family: var(--font-family);
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
خط ۲۴۶: خط ۲۵۷:
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             gap: 8px;
             gap: 6px;
             padding: 12px 20px;
             padding: 10px 16px;
             background-color: #87CEEB;
             background-color: #87CEEB;
             color: #000000;
             color: #000000;
خط ۲۵۳: خط ۲۶۴:
             border-radius: 6px;
             border-radius: 6px;
             transition: all 0.3s;
             transition: all 0.3s;
             font-size: 1rem;
             font-size: 0.9rem;
             font-family: var(--font-family);
             font-family: var(--font-family);
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
خط ۲۶۷: خط ۲۷۸:
             text-align: center;
             text-align: center;
             color: #7f8c8d;
             color: #7f8c8d;
             padding: 40px 20px;
             padding: 30px 15px;
             border: 2px dashed var(--border-color);
             border: 2px dashed var(--border-color);
             border-radius: 8px;
             border-radius: 8px;
            margin-top: 20px;
             font-size: 1rem;
             font-size: 1.1rem;
             background-color: var(--light-color);
             background-color: var(--light-color);
             flex: 1;
             flex: 1;
خط ۲۸۱: خط ۲۹۱:
         .access-denied {
         .access-denied {
             text-align: center;
             text-align: center;
             padding: 40px;
             padding: 30px;
             background: #fee;
             background: #fee;
             border-radius: 8px;
             border-radius: 8px;
             border: 2px solid #f5c6cb;
             border: 2px solid #f5c6cb;
             color: #721c24;
             color: #721c24;
             margin-top: 20px;
             flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
         }
         }


         .access-denied h3 {
         .access-denied h3 {
             color: #721c24;
             color: #721c24;
             margin-bottom: 15px;
             margin-bottom: 12px;
             font-size: 1.5rem;
             font-size: 1.3rem;
         }
         }


         .info-message {
         .info-message {
             text-align: center;
             text-align: center;
             padding: 10px;
             padding: 8px;
             background: #e7f3ff;
             background: #e7f3ff;
             border-radius: 5px;
             border-radius: 5px;
             margin-top: 10px;
             margin-top: 8px;
             font-size: 0.9rem;
             font-size: 0.85rem;
             color: #0066cc;
             color: #0066cc;
             flex-shrink: 0;
             flex-shrink: 0;
خط ۳۰۹: خط ۳۲۲:
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .container {
             .container {
                 padding: 8px 10px;
                 padding: 5px 8px;
             }
             }
              
              
             .app-header {
             .app-header {
                 margin-bottom: 15px;
                 margin-bottom: 10px;
                 padding: 12px 15px;
                 padding: 10px 12px;
             }
             }
              
              
             .breadcrumb {
             .breadcrumb {
                 font-size: 0.85rem;
                 font-size: 0.8rem;
                 margin-bottom: 10px;
                 margin-bottom: 6px;
             }
             }
              
              
             .app-header h1 {
             .app-header h1 {
                 font-size: 1.5rem;
                 font-size: 1.2rem;
                 margin-bottom: 6px;
                 margin-bottom: 4px;
             }
             }
              
              
             .description {
             .description {
                 font-size: 0.9rem;
                 font-size: 0.85rem;
             }
             }
              
              
             .selector-container {
             .selector-container {
                 grid-template-columns: 1fr;
                 grid-template-columns: 1fr;
                 gap: 10px;
                 gap: 8px;
                 margin-bottom: 20px;
                 margin-bottom: 12px;
                 padding: 15px;
                 padding: 10px;
             }
             }
              
              
             .bible-content {
             .bible-content {
                 padding: 15px;
                 padding: 12px;
             }
             }
              
              
             .chapter-title {
             .chapter-title {
                 font-size: 1.3rem;
                 font-size: 1.1rem;
                 margin-bottom: 15px;
                 margin-bottom: 12px;
             }
             }
              
              
             .navigation {
             .navigation {
                 flex-direction: column;
                 flex-direction: column;
                 gap: 10px;
                 gap: 8px;
             }
             }
              
              
خط ۳۶۰: خط ۳۷۳:
         @media (max-width: 480px) {
         @media (max-width: 480px) {
             .nav-btn, .wiki-link {
             .nav-btn, .wiki-link {
                 padding: 10px 15px;
                 padding: 8px 12px;
                 font-size: 0.9rem;
                 font-size: 0.85rem;
             }
             }
              
              
             .instructions {
             .instructions {
                 padding: 30px 15px;
                 padding: 20px 12px;
                 font-size: 1rem;
                 font-size: 0.9rem;
             }
             }
              
              
             .app-header {
             .app-header {
                 padding: 10px 12px;
                 padding: 8px 10px;
             }
             }
              
              
             .app-header h1 {
             .app-header h1 {
                 font-size: 1.3rem;
                 font-size: 1.1rem;
             }
             }
         }
         }
خط ۳۹۰: خط ۴۰۳:


         .placeholder i {
         .placeholder i {
             font-size: 3rem;
             font-size: 2.5rem;
             margin-bottom: 15px;
             margin-bottom: 12px;
             color: var(--border-color);
             color: var(--border-color);
         }
         }
خط ۴۱۴: خط ۴۲۷:
         </div>
         </div>
          
          
         <div id="content-wrapper">
         <div id="content-wrapper" style="flex: 1; display: flex; flex-direction: column; min-height: 0;">
             <!-- محتوا توسط JavaScript پر می‌شود -->
             <!-- محتوا توسط JavaScript پر می‌شود -->
         </div>
         </div>
خط ۶۳۴: خط ۶۴۷:
             `;
             `;


             // داده‌های ترجمه‌های مختلف
             // ادامه کد JavaScript دقیقاً مانند قبل...
            const translations = {
             // [کد JavaScript بدون تغییر باقی می‌ماند]
                'old': {
                    name: 'ترجمه قدیم',
                    baseUrl: 'https://www.pediabible.com/index.php?title=',
                    getPageTitle: function(bookDisplayName, chapter) {
                        return `${bookDisplayName} فصل ${chapter}`;
                    }
                },
                'hejre_nou': {
                    name: 'هزاره نو',
                    baseUrl: 'https://www.pediabible.com/index.php?title=',
                    getPageTitle: function(bookDisplayName, chapter) {
                        return `${bookDisplayName} هزاره نو فصل ${chapter}`;
                    }
                },
                'mozde': {
                    name: 'مژده',
                    baseUrl: 'https://www.pediabible.com/index.php?title=',
                    getPageTitle: function(bookDisplayName, chapter) {
                        return `${bookDisplayName} مژده فصل ${chapter}`;
                    }
                },
                'daneshname': {
                    name: 'دانشنامه',
                    baseUrl: 'https://www.pediabible.com/index.php?title=',
                    getPageTitle: function(bookDisplayName, chapter) {
                        return `${bookDisplayName} دانشنامه فصل ${chapter}`;
                    }
                }
            };
 
            // عناصر DOM
            const translationSelect = document.getElementById('translation-select');
            const testamentSelect = document.getElementById('testament-select');
            const bookSelect = document.getElementById('book-select');
            const chapterSelect = document.getElementById('chapter-select');
            const chapterTitle = document.getElementById('chapter-title');
            const versesContainer = document.getElementById('verses-container');
            const prevChapterBtn = document.getElementById('prev-chapter');
            const nextChapterBtn = document.getElementById('next-chapter');
            const wikiPageLink = document.getElementById('wiki-page-link');
 
            // متغیرهای وضعیت فعلی
            let currentTranslation = '';
            let currentTestament = '';
            let currentBook = '';
            let currentChapter = 1;
 
            // رویداد تغییر ترجمه
            translationSelect.addEventListener('change', function() {
                currentTranslation = this.value;
               
                if (currentTranslation) {
                    testamentSelect.disabled = false;
                    testamentSelect.value = '';
                    bookSelect.disabled = true;
                    bookSelect.innerHTML = '<option value="">انتخاب کتاب</option>';
                    chapterSelect.disabled = true;
                    chapterSelect.innerHTML = '<option value="">انتخاب فصل</option>';
                    resetContent();
                } else {
                    resetAll();
                }
            });
 
             // رویداد تغییر عهد
            testamentSelect.addEventListener('change', function() {
                currentTestament = this.value;
               
                if (currentTestament) {
                    bookSelect.disabled = false;
                    bookSelect.innerHTML = '<option value="">انتخاب کتاب</option>';
                   
                    bibleBooks[currentTestament].forEach((book, index) => {
                        const option = document.createElement('option');
                        option.value = index;
                        option.textContent = book.name;
                        bookSelect.appendChild(option);
                    });
                   
                    chapterSelect.disabled = true;
                    chapterSelect.innerHTML = '<option value="">انتخاب فصل</option>';
                    resetContent();
                } else {
                    bookSelect.disabled = true;
                    bookSelect.innerHTML = '<option value="">انتخاب کتاب</option>';
                    chapterSelect.disabled = true;
                    chapterSelect.innerHTML = '<option value="">انتخاب فصل</option>';
                    resetContent();
                }
            });
 
            // رویداد تغییر کتاب
            bookSelect.addEventListener('change', function() {
                currentBook = this.value;
               
                if (currentBook !== '') {
                    chapterSelect.disabled = false;
                    chapterSelect.innerHTML = '<option value="">انتخاب فصل</option>';
                   
                    const bookIndex = parseInt(currentBook);
                    const chaptersCount = bibleBooks[currentTestament][bookIndex].chapters;
                   
                    for (let i = 1; i <= chaptersCount; i++) {
                        const option = document.createElement('option');
                        option.value = i;
                        option.textContent = `فصل ${i}`;
                        chapterSelect.appendChild(option);
                    }
                   
                    prevChapterBtn.disabled = true;
                    nextChapterBtn.disabled = true;
                    wikiPageLink.style.display = 'none';
                } else {
                    chapterSelect.disabled = true;
                    chapterSelect.innerHTML = '<option value="">انتخاب فصل</option>';
                    resetContent();
                }
            });
 
            // رویداد تغییر فصل
            chapterSelect.addEventListener('change', function() {
                currentChapter = parseInt(this.value);
               
                if (currentChapter) {
                    displayChapterWithIframe();
                } else {
                    resetContent();
                }
            });
 
            // نمایش فصل با iframe - فقط محتوای اصلی
            function displayChapterWithIframe() {
                const bookIndex = parseInt(currentBook);
                const bookData = bibleBooks[currentTestament][bookIndex];
                const bookName = bookData.name;
                const bookDisplayName = bookData.displayName;
                const translationName = translations[currentTranslation].name;
               
                chapterTitle.textContent = `${translationName} - ${bookName} - فصل ${currentChapter}`;
               
                const pageTitle = translations[currentTranslation].getPageTitle(bookDisplayName, currentChapter);
                const contentUrl = `${translations[currentTranslation].baseUrl}${encodeURIComponent(pageTitle)}&action=render`;
               
                versesContainer.innerHTML = `
                    <iframe
                        id="content-iframe"
                        src="${contentUrl}"
                        class="content-display"
                        frameborder="0"
                        loading="lazy"
                        sandbox="allow-scripts allow-same-origin allow-forms allow-popups"
                        allowfullscreen>
                    </iframe>
                `;
               
                // اضافه کردن sandbox به iframe برای امنیت بیشتر
                const iframe = document.getElementById('content-iframe');
               
                wikiPageLink.href = `${translations[currentTranslation].baseUrl}${encodeURIComponent(pageTitle)}`;
                wikiPageLink.style.display = 'flex';
                updateNavigationButtons();
            }
 
            function updateNavigationButtons() {
                const bookIndex = parseInt(currentBook);
                const chaptersCount = bibleBooks[currentTestament][bookIndex].chapters;
               
                prevChapterBtn.disabled = currentChapter <= 1;
                nextChapterBtn.disabled = currentChapter >= chaptersCount;
            }
 
            prevChapterBtn.addEventListener('click', function() {
                if (currentChapter > 1) {
                    currentChapter--;
                    chapterSelect.value = currentChapter;
                    displayChapterWithIframe();
                }
            });
 
            nextChapterBtn.addEventListener('click', function() {
                const bookIndex = parseInt(currentBook);
                const chaptersCount = bibleBooks[currentTestament][bookIndex].chapters;
               
                if (currentChapter < chaptersCount) {
                    currentChapter++;
                    chapterSelect.value = currentChapter;
                    displayChapterWithIframe();
                }
            });
 
            function resetContent() {
                chapterTitle.textContent = 'لطفاً ترجمه، کتاب و فصل مورد نظر را انتخاب کنید';
                versesContainer.innerHTML = `
                    <div class="instructions">
                        <div class="placeholder">
                            <i class="fas fa-book-open"></i>
                            <p>برای مطالعه کتاب مقدس، لطفاً ابتدا ترجمه، سپس عهد، کتاب و فصل مورد نظر خود را انتخاب کنید.</p>
                        </div>
                    </div>
                `;
                prevChapterBtn.disabled = true;
                nextChapterBtn.disabled = true;
                wikiPageLink.style.display = 'none';
            }
 
            function resetAll() {
                testamentSelect.disabled = true;
                testamentSelect.innerHTML = '<option value="">انتخاب عهد</option>';
                bookSelect.disabled = true;
                bookSelect.innerHTML = '<option value="">انتخاب کتاب</option>';
                chapterSelect.disabled = true;
                chapterSelect.innerHTML = '<option value="">انتخاب فصل</option>';
                resetContent();
            }
 
            console.log('✅ برنامه کتاب مقدس روی دامنه مجاز بارگذاری شد');
         }
         }


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

کتاب مقدس - مطالعه آنلاین

کتاب مقدس آنلاین

مطالعه ترجمه‌های مختلف بصورت کاربردی با واژه نامه تخصصی

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