body { font-family: 'Cairo', sans-serif; background: #f9fafb; color: #111; padding: 20px; text-align: center; transition: all 0.4s ease; } .btn { padding:12px 24px; border-radius:12px; font-size:16px; font-weight:bold; border:none; transition:all 0.3s ease; display:inline-flex; align-items:center; gap:8px; cursor:pointer; } .btn-green {background:#16a34a; color:#fff;} .btn-green:hover {background:#15803d; transform:scale(1.05);} iframe { width: 100%; height: 500px; border: none; border-radius: 12px; margin: 20px 0; } /* أيقونة PDF */ .pdf-icon { width:20px; height:20px; fill:white; } /* مؤقت التحميل */ #downloadBtn.waiting { background: #f59e0b; cursor: not-allowed; transform: scale(1); } 📄 عرض وتحميل ملف PDF تحميل الملف // زر التحميل مع مؤقت وتنزيل مباشر document.getElementById("downloadBtn").addEventListener("click", () => { let btn = document.getElementById("downloadBtn"); let seconds = 6; btn.disabled = true; btn.classList.add("waiting"); btn.innerText = `⏳ تحميل بعد ${seconds} ثواني`; let timer = setInterval(() => { seconds--; btn.innerText = `⏳ تحميل بعد ${seconds} ثواني`; if (seconds === 0) { clearInterval(timer); btn.disabled = false; btn.classList.remove("waiting"); btn.innerText = "⬇️ جاري التحميل..."; // تحميل الملف مباشرة let link = document.createElement("a"); link.href = "https://www.najahni.tn/wp-content/uploads/2026/01/النهضة-الأوروبية.pdf"; link.download = ""; document.body.appendChild(link); link.click(); document.body.removeChild(link); btn.innerText = "✅ تم التحميل"; } }, 1000); }); QCM النهضة الأوروبية body { font-family: "Cairo", Arial, sans-serif; background: #f3f4f6; padding: 20px; } .quiz-box { max-width: 800px; margin: auto; background: white; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,.1); } h1 { text-align: center; } .timer { font-size: 18px; color: #dc2626; text-align: center; margin-bottom: 15px; } .option { display: block; margin: 8px 0; padding: 10px; border: 1px solid #ddd; border-radius: 8px; cursor: pointer; } .option:hover { background: #f1f5f9; } .correct { background: #dcfce7; border-color: #22c55e; } .wrong { background: #fee2e2; border-color: #ef4444; } button { margin-top: 15px; padding: 12px; width: 100%; font-size: 18px; border: none; border-radius: 10px; background: #2563eb; color: white; cursor: pointer; } button:hover { background: #1e40af; } .result { font-size: 22px; text-align: center; } اختبار QCM: النهضة الأوروبية ⏳ 20 ثانية السؤال التالي const questions = [ {q:"في أي قرنين شهدت أوروبا النهضة الفكرية؟",o:["XIV و XV","XV و XVI","XVI و XVII","XIII و XIV"],a:1}, {q:"تُعد النهضة الأوروبية:",o:["دينية","عسكرية","فكرية","اقتصادية"],a:2}, {q:"الصبغة الأساسية للنهضة هي:",o:["الدينية","الإنسانية","العسكرية","التجارية"],a:1}, {q:"جعل مفكرو النهضة محور اهتمامهم:",o:["الكنيسة","الدولة","الإنسان","الطبيعة"],a:2}, {q:"ركزت النهضة على:",o:["العلوم الصحيحة","السحر","اللاهوت","الخرافة"],a:0}, {q:"دعت النهضة إلى:",o:["القطيعة مع الماضي","العودة للإغريق والرومان","رفض الفلسفة","الخضوع للكنيسة"],a:1}, {q:"عارض مفكرو النهضة تدخل:",o:["الدولة","الكنيسة","التجار","الفلاحين"],a:1}, {q:"من خصائص النهضة:",o:["وحدة الفكر","تعدد المجالات","الجمود","الانغلاق"],a:1}, {q:"اهتمت النهضة بما يهم:",o:["الملوك","الإنسان","الجيش","الكنيسة"],a:1}, {q:"شملت النهضة الفنية:",o:["الرسم فقط","النحت فقط","العمارة فقط","كل الفنون"],a:3}, {q:"تأثرت فنون النهضة بـ:",o:["الصينية","الإغريقية والرومانية","الإفريقية","الأمريكية"],a:1}, {q:"من مجالات النهضة الفنية:",o:["الرسم","النحت","العمارة","جميعها"],a:3}, {q:"لوحة مدرسة أثينا من رسم:",o:["دافنشي","رافائيل","مايكل أنجلو","دوناتيلو"],a:1}, {q:"تنتمي لوحة مدرسة أثينا إلى:",o:["العصور الوسطى","عصر النهضة","العصر الحديث","المعاصر"],a:1}, {q:"تؤكد اللوحة على:",o:["الصراع","التفاعل الفكري","الحروب","الدين"],a:1}, {q:"من عوامل النهضة:",o:["الاكتشافات الجغرافية","الحروب","الأوبئة","العزلة"],a:0}, {q:"بدأت الرحلات بـ:",o:["ماجلان","كولومبوس","برتلمي دياز","فاسكو"],a:2}, {q:"انتهت الرحلات بـ:",o:["دياز","ماجلان","كولومبوس","كوك"],a:1}, {q:"أدت الاكتشافات إلى:",o:["تراجع أوروبا","تدفق الثروات","العزلة","الكساد"],a:1}, {q:"أنشأ الإسبان والبرتغاليون:",o:["جمهوريات","إمبراطوريات","مدن","كنائس"],a:1}, {q:"قامت الإمبراطوريات في:",o:["آسيا","إفريقيا","أمريكا","أوروبا"],a:2}, {q:"يربط المثلث التجاري:",o:["أوروبا-آسيا","أوروبا-أمريكا-إفريقيا","آسيا-إفريقيا","أوروبا فقط"],a:1}, {q:"شمل المثلث التجاري:",o:["الذهب","العبيد","الكتب","الحرير"],a:1}, {q:"تدفقت على أوروبا:",o:["المعادن الثمينة","الأسلحة","القطن فقط","الخشب"],a:0}, {q:"نتج عن ذلك بروز:",o:["طبقة فقيرة","طبقة ثرية","طبقة كنسية","طبقة عسكرية"],a:1}, {q:"اخترعت الطباعة في:",o:["XIV","XV","XVI","XVII"],a:1}, {q:"مخترع الطباعة:",o:["غاليلي","غوتمبرغ","ديكارت","نيوتن"],a:1}, {q:"انتشرت الطباعة في:",o:["القرى","المدن الأوروبية","آسيا","إفريقيا"],a:1}, {q:"ساهمت الطباعة في:",o:["الجهل","النشاط الفكري","الحروب","العزلة"],a:1}, {q:"شجع النشاط الفكري:",o:["الفلاحون","الأثرياء","الجنود","العبيد"],a:1}, {q:"من المشجعين:",o:["لوران دي مدسيس","نابليون","هتلر","شارلمان"],a:0}, {q:"لوران دي مدسيس كان:",o:["ملك فرنسا","حاكم فلورنسا","بابا","فيلسوف"],a:1}, {q:"من الملوك الداعمين:",o:["فرانسوا الأول","لويس XVI","هنري VIII","شارل"],a:0}, {q:"من رجال الدين الداعمين:",o:["لوثر","كالفن","يوليوس الثاني","أوغسطين"],a:2}, {q:"قُدمت مساعدات لـ:",o:["الأدباء","الفنانين","المفكرين","الجميع"],a:3}, {q:"أحدثت النهضة تغييرات:",o:["سطحية","عميقة","ضعيفة","محدودة"],a:1}, {q:"شملت التغييرات:",o:["الاقتصاد فقط","السياسة فقط","كل مظاهر الحياة","العسكر"],a:2}, {q:"ظهرت خاصة في:",o:["الشرق","الغرب","الشمال","الجنوب"],a:1}, {q:"مهدت النهضة لـ:",o:["الثورة الصناعية","الزراعية","الرقمية","العلمية فقط"],a:0}, {q:"تُعد النهضة:",o:["نهاية","بداية العصر الحديث","انحطاط","حركة محلية"],a:1} ]; let index = 0; let score = 0; let time = 20; let timer; function loadQuestion() { clearInterval(timer); time = 20; document.getElementById("timer").textContent = "⏳ 20 ثانية"; const q = questions[index]; let html = `${index+1}/50 - ${q.q}`; q.o.forEach((opt,i)=>{ html += `${opt}`; }); document.getElementById("questionBox").innerHTML = html; timer = setInterval(countdown,1000); } function countdown(){ time--; document.getElementById("timer").textContent = "⏳ " + time + " ثانية"; if(time === 0){ showCorrect(); } } function checkAnswer(i,el){ clearInterval(timer); const correct = questions[index].a; document.querySelectorAll(".option").forEach(o=>o.onclick=null); if(i === correct){ el.classList.add("correct"); score++; } else { el.classList.add("wrong"); document.querySelectorAll(".option")[correct].classList.add("correct"); } document.getElementById("nextBtn").style.display="block"; } function showCorrect(){ document.querySelectorAll(".option")[questions[index].a].classList.add("correct"); document.getElementById("nextBtn").style.display="block"; } function nextQuestion(){ index++; document.getElementById("nextBtn").style.display="none"; if(index < questions.length){ loadQuestion(); } else { document.querySelector(".quiz-box").innerHTML = `🎉 نتيجتك النهائية: ${score} / 50`; } } loadQuestion();
