10th Class Tarjama Tul Quran Online Subjective Exam

10th Class Tarjama Tul Quran Online Subjective Exam If you find any error or want to give suggestion for improvement,you may contact to me at +923146685547 (WhatsApp).اگر آپ کو کوئی خامی نظر آتی ہے یا آپ بہتری کے لیے کوئی تجویز دینا چاہتے ہیں تو آپ مجھ سے رابطہ کر سکتے ہیں۔ My WhatsApp number is 923146685547. Education & Career Join my free WhatsApp chanel to get authentic news first.👇👇👇https://whatsapp.com/channel/0029VbBjge87j6gDtBXk3K2J 10th Tarjama-tul-Quran Portal 2026 :root { /* Islamic Green and Gold Theme */ --primary: #0b5345; --secondary: #117864; --accent: #d4ac0d; --bg: #fdfefe; --border: #a2d9ce; --stamp-color: #0b5345; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } body { font-family: 'Segoe UI', 'Noto Nastaliq Urdu', sans-serif; background: var(--bg); margin: 0; padding: 15px; color: #34495e; } .container { max-width: 900px; margin: 0 auto; background: white; padding: 20px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } h1, h2 { text-align: center; color: var(--primary); margin-top: 0; } .ur-text { font-family: 'Noto Nastaliq Urdu', serif; direction: rtl; display: inline-block; } /* INPUTS */ .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .input-group { margin-bottom: 15px; } label { display: block; margin-bottom: 5px; font-weight: 600; color: var(--primary); font-size: 0.95em; } input, select { width: 100%; padding: 12px; border: 1px solid var(--border); border-radius: 6px; font-size: 16px; background: #fff; } /* SELECTION LISTS */ .topic-box { border: 1px solid var(--border); border-radius: 6px; max-height: 250px; overflow-y: auto; padding: 10px; background: #fafafa; margin-bottom: 15px; } .topic-item { display: flex; align-items: flex-start; padding: 8px; border-bottom: 1px solid #eee; } .topic-item input { margin-top: 5px; margin-right: 12px; transform: scale(1.3); flex-shrink: 0; } .topic-item label { width: 100%; font-size: 0.95em; line-height: 1.6; cursor: pointer; } /* BUTTONS */ .btn-main { background: var(--primary); color: #ffffff !important; border: none; padding: 16px; width: 100%; font-size: 1.1em; font-weight: bold; border-radius: 8px; cursor: pointer; margin-top: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; } .btn-main:active { transform: translateY(2px); } /* MODE SELECTOR */ .mode-row { display: flex; gap: 10px; margin-bottom: 20px; } .mode-opt { flex: 1; padding: 15px 5px; border: 2px solid #ddd; background: #fff; text-align: center; cursor: pointer; border-radius: 8px; transition: 0.2s; font-size: 0.9em; } .mode-opt.active { border-color: var(--secondary); background: #e8f8f5; color: var(--secondary); font-weight: bold; } /* EXAM VIEW */ #exam-view, #result-view { display: none; } .sticky-timer { position: sticky; top: 0; background: var(--primary); color: white; padding: 10px 15px; z-index: 1000; border-radius: 0 0 10px 10px; display: flex; justify-content: space-between; align-items: center; margin: -20px -20px 20px -20px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .q-card { margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; } .q-head { display: flex; justify-content: space-between; align-items: flex-start; font-weight: bold; margin-bottom: 8px; font-size: 0.9em; color: #444; } .q-limits { font-size: 0.85em; color: var(--accent); background: #fcf3cf; padding: 2px 6px; border-radius: 4px; white-space: nowrap; margin-left: 10px;} textarea { width: 100%; min-height: 100px; padding: 10px; border: 2px solid #ccc; border-radius: 6px; font-size: 16px; resize: none; font-family: 'Segoe UI', sans-serif; } textarea:focus { border-color: var(--secondary); outline: none; } /* Language Styles */ textarea.urdu-mode { direction: rtl; font-family: 'Noto Nastaliq Urdu', serif; font-size: 18px; text-align: right; } textarea.hindi-mode { font-family: 'Noto Sans Devanagari', sans-serif; } /* --- RESULT CARD --- */ .cert-frame { background: white; padding: 30px; border: 3px solid #333; position: relative; color: black; font-family: 'Times New Roman', Times, serif; width: 100%; margin: 0 auto; } .header-section { text-align: center; border-bottom: 2px double #000; padding-bottom: 15px; margin-bottom: 20px; } .header-section h1 { margin: 0; font-size: 2em; text-transform: uppercase; letter-spacing: 1px; color: #000; } .profile-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 1em; font-family: Arial, sans-serif; } .profile-table td { padding: 8px 10px; border: 1px solid #999; vertical-align: middle; } .profile-table .label { font-weight: bold; background: #f0f0f0; width: 25%; color: #333; } .profile-table .val { font-weight: normal; color: #000; } .marks-sheet { width: 100%; border-collapse: collapse; margin-top: 15px; text-align: center; font-family: Arial, sans-serif; } .marks-sheet th { background: #0b5345; color: white; padding: 8px; border: 1px solid #000; font-size: 0.9em; } .marks-sheet td { padding: 10px; border: 1px solid #000; font-size: 1em; } .status-pass { color: green; font-weight: bold; } .status-fail { color: red; font-weight: bold; } .footer-section { margin-top: 60px; display: flex; justify-content: space-between; align-items: flex-end; } .sig-block { text-align: center; width: 45%; } .sig-line { border-top: 1px solid #000; margin-top: 5px; padding-top: 5px; font-size: 0.8em; font-family: Arial; } .hand-sig { font-family: 'Brush Script MT', cursive; font-size: 1.8em; color: #0b5345; display: block; margin-bottom: -5px; } .stamp-box { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%) rotate(-10deg); width: 140px; height: 140px; border: 4px double var(--stamp-color); border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--stamp-color); font-weight: bold; font-family: 'Courier New', monospace; opacity: 0.7; pointer-events: none; } .stamp-text { font-size: 1em; } .stamp-url { font-size: 0.7em; margin-top: 5px; } .share-row { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 20px; } .btn-share { padding: 10px 15px; border: none; border-radius: 4px; color: white; cursor: pointer; text-decoration: none; font-size: 14px; font-family: sans-serif; } .bg-pdf { background: #c0392b; } .bg-img { background: #34495e; } .bg-wa { background: #25D366; } .bg-fb { background: #1877F2; } @media only screen and (max-width: 600px) { body { padding: 10px; } .container { padding: 15px; } .grid-2 { grid-template-columns: 1fr; gap: 10px; } .profile-table td { display: block; width: 100%; border: none; border-bottom: 1px solid #eee; } .profile-table .label { background: #f9f9f9; color: #555; width: 100%; padding-top: 10px; border-bottom: none; } .header-section h1 { font-size: 1.5em; } .cert-frame { padding: 15px; border-width: 2px; } .footer-section { margin-top: 40px; } .stamp-box { width: 100px; height: 100px; bottom: 60px; } .stamp-text { font-size: 0.8em; } .stamp-url { font-size: 0.6em; } } 📖 10th Tarjama-tul-Quran (ترجمہ القرآن المجید امتحان) Student Name / طالب علم کا نام Father Name / والد کا نام School / Institute / سکول کا نام City / شہر Writing Language / لکھنے کی زبان Urdu (اردو) Roman/English (انگریزی) Exam Mode / امتحان کا طریقہ Annual Boardسالانہ بورڈ Custom Practiceاپنی مرضی کا Select up to 50 Short Questions / مختصر سوالات Selected: 0/50 Select up to 50 Long Questions / تفصیلی سوالات Selected: 0/50 GENERATE PAPER & START امتحان شروع کریں 🕌 Quran Paper ⏱️ 00:00 SUBMIT & CHECK RESULT جمع کروائیں اور نتیجہ دیکھیں Result Intimation Card SSC Part-II (10th Class) Annual Examination 2026 Candidate Name Father Name Institute City Date Academic Record Subject Max Obt % Grade Tarjama-tul-Quran (Subjective) OFFICIAL VERIFIED stijob.org.pk Majid Farooq Developed By Controller Exam Controller 📄 PDF 🖼️ Image 🔄 Restart /* --- HUGE BILINGUAL DATABASE (Tarjama-tul-Quran 10th Class) --- */ const DB = { short: [ // Surah Al-An'am {t: "Meaning of 'Al-An'am'? / 'الانعام' کا کیا مطلب ہے؟", k: ["cattle", "mawaishi", "janwar"]}, {t: "Two characteristics of Surah Al-An'am / سورۃ الانعام کی دو خصوصیات", k: ["makkah", "tauheed", "animals", "wahi"]}, {t: "What is mentioned about orphan's property? / یتیم کے مال کے بارے میں کیا حکم ہے؟", k: ["fair", "justice", "insaf", "do not eat"]}, // Surah Al-A'raf {t: "Meaning of 'Al-A'raf'? / 'الاعراف' کا کیا معنی ہے؟", k: ["heights", "bulandi", "barrier", "wall"]}, {t: "Which Prophets are mentioned in Al-A'raf? / سورۃ الاعراف میں کن انبیاء کا ذکر ہے؟", k: ["adam", "nuh", "hud", "shoaib", "musa"]}, {t: "Command about dress in Al-A'raf / سورۃ الاعراف میں لباس کا کیا حکم ہے؟", k: ["zinat", "adornment", "mosque", "masjid"]}, // Surah Yunus {t: "Why is it named Surah Yunus? / اس کا نام سورۃ یونس کیوں ہے؟", k: ["prophet", "yunus", "fish", "nation"]}, {t: "What happened to Nation of Yunus? / قوم یونس کے ساتھ کیا ہوا؟", k: ["forgiven", "repented", "tauba", "saved"]}, // Surah Hud {t: "Topic of Surah Hud / سورۃ ہود کا موضوع", k: ["consolation", "stories", "prophets", "punishment"]}, {t: "Nation of A'ad punishment / قوم عاد پر عذاب", k: ["wind", "storm", "hawa"]}, // Surah Yusuf {t: "Meaning of 'Ahsan-ul-Qasas'? / 'احسن القصص' کا کیا مطلب ہے؟", k: ["best", "story", "behtareen", "qissa"]}, {t: "Dream of Hazrat Yusuf (AS) / حضرت یوسف کا خواب", k: ["sun", "moon", "stars", "prostrate", "sajda"]}, // Surah Ar-Ra'd {t: "Meaning of 'Ar-Ra'd'? / 'الرعد' کا مطلب کیا ہے؟", k: ["thunder", "garaj", "badal"]}, {t: "Benefits of remembrance of Allah / ذکر اللہ کے فوائد", k: ["peace", "heart", "sakoon", "dil"]}, // Surah Ibrahim {t: "Dua of Hazrat Ibrahim (AS) / حضرت ابراہیم کی دعا", k: ["peace", "makkah", "city", "fruits"]}, // Surah Al-Hijr {t: "Protection of Quran / قرآن کی حفاظت", k: ["allah", "himself", "zimma", "protect"]}, // Surah An-Nahl {t: "Meaning of 'An-Nahl'? / 'النحل' کا کیا مطلب ہے؟", k: ["honey bee", "shahad", "makhi"]}, {t: "Blessings mentioned in Surah Nahl / سورۃ النحل میں ذکر کردہ نعمتیں", k: ["milk", "honey", "cattle", "rain"]} ], long: [ // Detailed Notes / Themes {t: "Introduction and Themes of Surah Al-An'am / سورۃ الانعام کا تعارف اور مضامین", k: ["makki", "tauheed", "shirk", "animals", "life", "death"]}, {t: "Story of Hazrat Yusuf (AS) in detail / حضرت یوسف علیہ السلام کا قصہ تفصیل سے", k: ["brothers", "well", "egypt", "aziz", "prison", "dream", "king"]}, {t: "Key points of Surah Al-A'raf / سورۃ الاعراف کے اہم نکات", k: ["adam", "iblis", "sajda", "prophets", "nations", "destruction"]}, {t: "Lessons from Surah Yunus / سورۃ یونس سے حاصل ہونے والے اسباق", k: ["patience", "repentance", "faith", "punishment", "mercy"]}, {t: "Rights of Parents in Quran / قرآن میں والدین کے حقوق", k: ["kindness", "uff", "old age", "respect", "pray"]}, {t: "Note on Surah An-Nahl (The Bee) / سورۃ النحل پر نوٹ", k: ["blessings", "honey", "nature", "grateful", "allah's power"]} ] }; let currentMode = 'board'; let examData = []; let timerInt; let secLeft = 0; let selectedLang = 'urdu'; // --- SETUP --- window.onload = function() { populateList('short', DB.short); populateList('long', DB.long); }; function populateList(type, arr) { const div = document.getElementById('list-'+type); arr.forEach((item, i) => { div.innerHTML += ` ${item.t} `; }); } function chkLimit(type) { const boxes = document.querySelectorAll(`#list-${type} input:checked`); const count = boxes.length; document.getElementById(`cnt-${type}`).innerText = count; // Strict limit 50 const all = document.querySelectorAll(`#list-${type} input:not(:checked)`); all.forEach(b => b.disabled = (count >= 50)); } function setMode(m) { currentMode = m; document.querySelectorAll('.mode-opt').forEach(b => b.classList.remove('active')); document.getElementById('btn-'+m).classList.add('active'); document.getElementById('custom-panel').style.display = (m==='custom')?'block':'none'; } function startExam() { const name = document.getElementById('s-name').value; const father = document.getElementById('s-father').value; const school = document.getElementById('s-school').value; selectedLang = document.getElementById('s-lang').value; if(!name || !father || !school) { alert("Please fill all details / تفصیلات پر کریں"); return; } examData = []; if(currentMode === 'board') { const shorts = getRandom(DB.short, 8, 2); // 8 Short Questions (Standard Tarjama Paper Part) const longs = getRandom(DB.long, 2, 5); // 2 Long Questions (Standard Part) // Typical Tarjama Paper Pattern const q_shorts_1 = shorts.slice(0, 5).map(x => ({...x, m:2, label:"Q2"})); const q_shorts_2 = shorts.slice(5, 8).map(x => ({...x, m:2, label:"Q3"})); const q_long_1 = {...longs[0], m:5, label:"Q4 (Detailed Note)"}; const q_long_2 = {...longs[1], m:5, label:"Q5 (Theme/Story)"}; examData = [...q_shorts_1, ...q_shorts_2, q_long_1, q_long_2]; secLeft = 90 * 60; // 1.5 Hours typically for Tarjama } else { const sIdx = Array.from(document.querySelectorAll('#list-short input:checked')).map(e=>e.value); const lIdx = Array.from(document.querySelectorAll('#list-long input:checked')).map(e=>e.value); if(sIdx.length===0 && lIdx.length===0) { alert("Select at least 1 topic!"); return; } const sList = sIdx.map(i => ({...DB.short[i], m:2})); const lList = lIdx.map(i => ({...DB.long[i], m:5, label:"تفصیلی سوال"})); examData = [...sList, ...lList]; secLeft = (sList.length*3 + lList.length*10)*60; } renderExam(); document.getElementById('setup-view').style.display = 'none'; document.getElementById('exam-view').style.display = 'block'; window.scrollTo(0,0); timerInt = setInterval(() => { secLeft--; const m = Math.floor(secLeft/60).toString().padStart(2,'0'); const s = (secLeft%60).toString().padStart(2,'0'); document.getElementById('timer').innerText = `${m}:${s}`; if(secLeftq.m===2); const longs = examData.filter(q=>q.m>2); if(shorts.length) { area.innerHTML += `مختصر سوالات (Short Questions)`; shorts.forEach((q, i) => { area.innerHTML += ` ${i+1}. ${q.t} (2 Marks | Max Words: 50) `; }); } if(longs.length) { area.innerHTML += `تفصیلی سوالات (Long Questions)`; longs.forEach((q, i) => { const idx = shorts.length + i; area.innerHTML += ` ${q.label||'سوال'}. ${q.t} (${q.m} Marks | Max Words: 300) `; }); } } function limitWords(field, max) { const val = field.value; const words = val.trim().split(/\s+/); if (words.length > max) { field.value = words.slice(0, max).join(" "); } } function finishExam() { clearInterval(timerInt); let obt = 0; let max = 0; examData.forEach((q, i) => { const ans = document.getElementById(`ans-${i}`).value.toLowerCase(); const keys = q.k; let hits = 0; keys.forEach(k => { if(ans.includes(k.toLowerCase())) hits++; }); let score = 0; let ratio = hits/keys.length; if(ratio > 0.5) score = q.m; else if(ratio > 0.2 || ans.length > 15) score = q.m * 0.5; score = Math.floor(score*2)/2; obt += score; max += q.m; }); // Fill Data document.getElementById('r-name').innerText = document.getElementById('s-name').value; document.getElementById('r-father').innerText = document.getElementById('s-father').value; document.getElementById('r-school').innerText = document.getElementById('s-school').value; document.getElementById('r-city').innerText = document.getElementById('s-city').value; document.getElementById('r-date').innerText = new Date().toLocaleDateString(); document.getElementById('r-max').innerText = max; document.getElementById('r-obt').innerText = obt; const perc = max > 0 ? ((obt/max)*100).toFixed(1) : 0; document.getElementById('r-perc').innerText = perc + "%"; let grade = "F"; let status = "FAIL"; const pVal = max > 0 ? (obt/max)*100 : 0; if(pVal >= 80) grade = "A+"; else if(pVal >= 70) grade = "A"; else if(pVal >= 60) grade = "B"; else if(pVal >= 50) grade = "C"; else if(pVal >= 40) grade = "D"; if(pVal >= 40) status = "PASS"; document.getElementById('r-grade').innerText = grade; document.getElementById('r-status').innerHTML = status; document.getElementById('exam-view').style.display = 'none'; document.getElementById('result-view').style.display = 'block'; window.scrollTo(0,0); } function getRandom(arr, n, m) { return [...arr].sort(()=>0.5-Math.random()).slice(0,n).map(x=>({...x, m:m})); } function dlPDF() { const { jsPDF } = window.jspdf; const element = document.getElementById('cert-area'); const originalWidth = element.style.width; element.style.width = "794px"; html2canvas(element, { scale: 2, useCORS: true }).then(canvas => { element.style.width = originalWidth; const imgData = canvas.toDataURL('image/jpeg', 1.0); const pdf = new jsPDF('p', 'mm', 'a4'); const pdfWidth = 210; const imgHeight = (canvas.height * pdfWidth) / canvas.width; pdf.addImage(imgData, 'JPEG', 0, 0, pdfWidth, imgHeight); pdf.save('Tarjama_Result.pdf'); }); } function dlImg() { const element = document.getElementById('cert-area'); const originalWidth = element.style.width; element.style.width = "794px"; html2canvas(element, { scale: 2 }).then(c => { element.style.width = originalWidth; const a = document.createElement('a'); a.download = 'Tarjama_Result_Card.png'; a.href = c.toDataURL(); a.click(); }); }