| 3 |
اپنے اندر میٹا ڈیٹا رکھتا ہے.
|
A. < head>
B.
C.
</div>
<!-- Choice 4 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
D. َ<HTML>
</div>
</td>
</tr>
<tr>
<td><span>4</span></td>
<td>
<span>کون سی لینگویج ویب پیج بنانے کے لیے استعمال ہوتی ہے. </span>
</td>
<td>
<!-- Choice 1 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
A. XTML
</div>
<!-- Choice 2 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
B. TML
</div>
<!-- Choice 3 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
C. ML
</div>
<!-- Choice 4 -->
<div class="correct-ans" style="display: flex; align-items: center; gap: 5px;">
D. HTML
</div>
</td>
</tr>
<tr>
<td><span>5</span></td>
<td>
<span> کمپیوٹر لینگوئج ہے جو کہ........ بنانے میں استعمال ہوتی ہے. HTML</span>
</td>
<td>
<!-- Choice 1 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
A. براؤزر
</div>
<!-- Choice 2 -->
<div class="correct-ans" style="display: flex; align-items: center; gap: 5px;">
B. ویب پیج
</div>
<!-- Choice 3 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
C. ایکسپلورر
</div>
<!-- Choice 4 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
D. پروگرامنگ
</div>
</td>
</tr>
<tr>
<td><span>6</span></td>
<td>
<span>کون سا ایک ائی کون یا ایک تصویر یا ٹیکسٹ ہوسکتا ہے. جس پر اگر کلک کیا جائے تو یہ آپ کو کسی دوسرے پین پر لے جائے.</span>
</td>
<td>
<!-- Choice 1 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
A. کلک
</div>
<!-- Choice 2 -->
<div class="correct-ans" style="display: flex; align-items: center; gap: 5px;">
B. ہائپر لنک
</div>
<!-- Choice 3 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
C. لینکیج
</div>
<!-- Choice 4 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
D. باڈی
</div>
</td>
</tr>
<tr>
<td><span>7</span></td>
<td>
<span>ارڈر لسٹ میں ہر ائٹم شروع ہوتا ہے.</span>
</td>
<td>
<!-- Choice 1 -->
<div class="correct-ans" style="display: flex; align-items: center; gap: 5px;">
A. نمبر
</div>
<!-- Choice 2 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
B. کریکٹر
</div>
<!-- Choice 3 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
C. بلٹ
</div>
<!-- Choice 4 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
D. کولن
</div>
</td>
</tr>
<tr>
<td><span>8</span></td>
<td>
<span>ایک ویب پیج کے ٹیکسٹ کو اپنی مرضی کا رنگ دینے کے لیے ... ایڑی بیوٹ استعمال ہوتا ہے.</span>
</td>
<td>
<!-- Choice 1 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
A. نمبر
</div>
<!-- Choice 2 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
B. کالم
</div>
<!-- Choice 3 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
C. گول
</div>
<!-- Choice 4 -->
<div class="correct-ans" style="display: flex; align-items: center; gap: 5px;">
D. ٹیکسٹ
</div>
</td>
</tr>
<tr>
<td><span>9</span></td>
<td>
<span>ایک ہائبر لنک کو ہم................... پر لگا سکتے ہیں.</span>
</td>
<td>
<!-- Choice 1 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
A. تصویر
</div>
<!-- Choice 2 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
B. ٹیکسٹ
</div>
<!-- Choice 3 -->
<div class="correct-ans" style="display: flex; align-items: center; gap: 5px;">
C. الف اور ب دونوں
</div>
<!-- Choice 4 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
D. کوئی بھی نہیں.
</div>
</td>
</tr>
<tr>
<td><span>10</span></td>
<td>
<span>اگر ویب پیج پر تصویر نطر ائے تو اس کی جگہ ٹیکسٹ لگانے کے لیے .......... ٹیکسٹ استعمال ہوتا ہے.</span>
</td>
<td>
<!-- Choice 1 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
A. نمبر
</div>
<!-- Choice 2 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
B. قطار
</div>
<!-- Choice 3 -->
<div class="" style="display: flex; align-items: center; gap: 5px;">
C. کالم
</div>
<!-- Choice 4 -->
<div class="correct-ans" style="display: flex; align-items: center; gap: 5px;">
D. alt
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="new-ads-sec">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<ul class="ss-ads" style="border: 0; padding-top: 0; margin: 0;">
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="question-side" id="pol-answer-mode">
<div class="question-box">
<div class="top-box">
<h2 id="test-title">Test Questions</h2>
<div class="close-btn">
<a href="javascript:void(0)" id="close-ans">
<img src="https://images.ishallwin.com/ot-images/red-cross.webp" alt="" />
</a>
</div>
</div>
<div class="holder-question" id="quest-holder">
<!-- Questions will load here -->
</div>
<div class="last-box">
<a href="javascript:void(0)" class="prev prev-ans"><img src="https://images.ishallwin.com/ot-images/arrow-down.webp" alt="" /></a>
<a href="javascript:void(0)" class="next next-ans"><img src="https://images.ishallwin.com/ot-images/arrow-down.webp" alt="" /></a>
</div>
</div>
</div>
<script>
const closeBtn = document.getElementById("close-ans");
const targetBox = document.getElementById("pol-answer-mode");
const holder = document.getElementById("quest-holder");
function openAnsMode(apiUrl) {
fetch(apiUrl)
.then(res => res.json())
.then(data => {
console.log("Fetched Questions:", data);
holder.innerHTML = "";
const baseImgPath = "https://cdn.ilmkidunya.com/ots/mcqs/";
data.forEach((q, index) => {
let correctIndex = q.correctAnswer - 1;
let questionImgHtml = q.questionImage
? `<div class="q-img"><img src="${baseImgPath + q.questionImage}" alt="Question Image" /></div>`
: "";
let choicesHtml = q.choices
.filter(c => c.text || c.img)
.map((c, i) => `
<li class="${i === correctIndex ? "correct" : ""}">
<label class="radio-container">
<span class="q-detiel">
${c.text ? c.text : ""}
${c.img ? `<img src="${baseImgPath + c.img}" alt="Option ${c.value}" class="opt-img" />` : ""}
</span>
<input type="radio" disabled value="${c.value}" data-correct="${i === correctIndex}">
<span class="label">${c.value}</span>
<span class="checkmark"></span>
</label>
</li>
`).join("");
holder.innerHTML += `
<div class="mid-box1 ans-bx-visible">
<strong>Question # ${index + 1}</strong>
<h3>${q.question}</h3>
${questionImgHtml}
<ul>${choicesHtml}</ul>
</div>
`;
});
setupNavigation();
targetBox.classList.add("visible");
});
}
closeBtn.addEventListener("click", function (e) {
e.preventDefault();
targetBox.classList.remove("visible");
});
document.addEventListener("click", function (event) {
if (
targetBox.classList.contains("visible") &&
!targetBox.contains(event.target) &&
event.target !== closeBtn &&
!event.target.closest("[onclick*='openAnsMode']")
) {
targetBox.classList.remove("visible");
}
});
function setupNavigation() {
let questions = document.querySelectorAll(".ans-bx-visible");
let currentIndex = 0;
const prevBtn = document.querySelector(".prev-ans");
const nextBtn = document.querySelector(".next-ans");
function showQuestion(index) {
questions.forEach((q, i) => {
q.style.display = (i === index) ? "block" : "none";
});
prevBtn.classList.toggle("active", index > 0);
nextBtn.classList.toggle("active", index < questions.length - 1);
}
showQuestion(currentIndex);
nextBtn.onclick = function (e) {
e.preventDefault();
if (currentIndex < questions.length - 1) {
currentIndex++;
showQuestion(currentIndex);
}
};
prevBtn.onclick = function (e) {
e.preventDefault();
if (currentIndex > 0) {
currentIndex--;
showQuestion(currentIndex);
}
};
}
</script>
<script>
let testAlreadyStarted = false;
window.addEventListener('DOMContentLoaded', function () {
document.getElementById('close').addEventListener('click', function (event) {
closePoll();
event.preventDefault();
});
document.addEventListener('click', function (event) {
var pol = document.getElementById('pol');
if (!pol.contains(event.target) && event.target !== document.getElementById('launch-test-btn')) {
closePoll();
}
});
});
function closePoll() {
document.body.classList.remove('open-poll');
}
function launchTest() {
document.body.classList.add('open-poll');
if (!testAlreadyStarted && !isRunning) {
startTime = Date.now(); // only first time
startStop(); // start stopwatch
testAlreadyStarted = true; // mark as started
}
}
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
let midBoxes = document.querySelectorAll(".mid-box");
let currentIndex = 0;
function showBox(index) {
midBoxes.forEach((box, i) => {
box.style.display = i === index ? "block" : "none";
});
}
showBox(currentIndex);
document.querySelector(".next").addEventListener("click", function (e) {
e.preventDefault();
if (currentIndex < midBoxes.length - 1) {
currentIndex++;
showBox(currentIndex);
}
});
document.querySelector(".prev").addEventListener("click", function (e) {
e.preventDefault();
if (currentIndex > 0) {
currentIndex--;
showBox(currentIndex);
}
});
midBoxes.forEach((box, index) => {
let radios = box.querySelectorAll('input[type="radio"]');
radios.forEach((radio, i) => {
radio.name = `radio-${index}`;
});
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
let midBoxes = document.querySelectorAll(".mid-box");
let nextBtn = document.querySelector(".next");
let prevBtn = document.querySelector(".prev");
let currentIndex = 0;
function showBox(index) {
midBoxes.forEach((box, i) => {
if (i === index) {
box.style.display = "block";
setTimeout(() => {
box.style.opacity = "1";
}, 200);
} else {
box.style.opacity = "0";
setTimeout(() => {
box.style.display = "none";
}, 300);
}
});
prevBtn.classList.toggle("active", index > 0);
nextBtn.classList.toggle("active", index < midBoxes.length - 1);
}
midBoxes.forEach(box => {
box.style.transition = "opacity 0.3s ease-in-out";
box.style.opacity = "0";
});
showBox(currentIndex);
nextBtn.addEventListener("click", function (e) {
e.preventDefault();
if (currentIndex < midBoxes.length - 1) {
currentIndex++;
showBox(currentIndex);
}
});
prevBtn.addEventListener("click", function (e) {
e.preventDefault();
if (currentIndex > 0) {
currentIndex--;
showBox(currentIndex);
}
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
document.querySelector(".get-result").addEventListener("click", function (e) {
e.preventDefault();
document.querySelector(".holder-question").style.display = "none";
document.querySelector(".last-box").style.display = "none";
this.style.display = "none";
document.querySelector(".ans-question").style.display = "block";
});
});
</script>
<script>
let timer;
let isRunning = false;
let elapsedTime = 0;
let finalDuration = null; // ✅ Added — store once when fakeSubmit clicked
function startStop() {
if (isRunning) {
clearInterval(timer);
document.getElementById('startStopBtn').textContent = 'Start';
} else {
const startTime = Date.now() - elapsedTime;
timer = setInterval(() => {
elapsedTime = Date.now() - startTime;
const totalSeconds = Math.floor(elapsedTime / 1000);
const minutes = String(Math.floor(totalSeconds / 60)).padStart(2, '0');
const seconds = String(totalSeconds % 60).padStart(2, '0');
document.getElementById('display').textContent = `${minutes}:${seconds}`;
}, 1000);
document.getElementById('startStopBtn').textContent = 'Stop';
}
isRunning = !isRunning;
}
function reset() {
clearInterval(timer);
elapsedTime = 0;
document.getElementById('display').textContent = '00:00';
document.getElementById('startStopBtn').textContent = 'Start';
isRunning = false;
finalDuration = null; // ✅ Reset only on page refresh or manual reset
}
document.addEventListener("DOMContentLoaded", function () {
document.getElementById('startStopBtn').onclick = startStop;
document.getElementById('resetBtn').onclick = reset;
});
function getDurationInSeconds() {
return Math.floor(elapsedTime / 1000);
}
</script>
<script>
const testTitle = "Computer Science 9th Class Urdu Medium Chapter 5 Online Test";
const testUrl = "9th-computer-science-chapter-5-test-preparation";
const testId = 422;
let isUserLoggedIn = false;
let Marks = 10;
let startTime;
let autoStartAfterLogin = false;
async function submitTest() {
const durationInSeconds = finalDuration ?? getDurationInSeconds(); // ✅ use stored or current
const questionBoxes = document.querySelectorAll(".mid-box");
let resultHTML = "";
let correctCount = 0;
questionBoxes.forEach((box) => {
const questionNumber = box.dataset.questionNumber;
const questionText = box.querySelector("h3").innerHTML;
const questionImageElem = box.querySelector(".question-image");
const questionImageHtml = questionImageElem ? questionImageElem.outerHTML : "";
const inputs = box.querySelectorAll("input[type='radio']");
const selected = box.querySelector("input[type='radio']:checked");
const selectedVal = selected ? selected.value : null;
let correct = null;
inputs.forEach(input => {
if (input.dataset.correct === "true") correct = input.value;
});
if (selectedVal === correct) correctCount++;
let optionsHTML = "";
inputs.forEach(input => {
const label = input.value;
const optionLabelElem = input.closest("label");
const optionText = optionLabelElem.querySelector(".q-detiel").innerHTML;
let liClass = "";
if (label === correct) liClass = "correct";
if (label === selectedVal && selectedVal !== correct) liClass = "wrong";
optionsHTML += `
<li class="${liClass}">
<label class="radio-container">
<span class="q-detiel">${optionText}</span>
<input type="radio" disabled value="${label}" data-correct="${label === correct ? 'true' : 'false'}">
<span class="label">${label}</span>
<span class="checkmark"></span>
</label>
</li>`;
});
resultHTML += `
<div class="mid-box1">
<strong>Question # ${questionNumber}</strong>
<h3>${questionText}</h3>
${questionImageHtml}
<ul>${optionsHTML}</ul>
</div>`;
});
if (typeof timer !== "undefined") {
clearInterval(timer);
isRunning = false;
}
document.querySelector(".ans-box").innerHTML = resultHTML;
document.querySelector(".holder-question").style.display = "none";
document.querySelector(".last-box").style.display = "none";
document.querySelector(".real-submit").style.display = "none";
document.querySelector(".fake-submit").style.display = "none";
document.querySelector(".ans-question").style.display = "block";
try {
const response = await fetch('/online-test/save-result', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
TestId: testId,
TestTitle: testTitle,
TotalQuestions: questionBoxes.length,
CorrectAnswers: correctCount,
Duration: durationInSeconds,
TestUrl: testUrl,
TotalMarks: Marks
})
});
if (!response.ok) {
console.error("Error saving result:", response.statusText);
return;
}
const data = await response.json();
if (data.success) {
window.savedTestResultId = data.testResultId;
console.log("Result saved successfully", data);
}
} catch (err) {
console.error("Fetch error:", err);
}
}
document.addEventListener("DOMContentLoaded", function () {
if (!isUserLoggedIn) {
document.querySelector(".real-submit").style.display = "none";
document.querySelector(".fake-submit").style.display = "inline-block";
} else {
document.querySelector(".fake-submit").style.display = "none";
document.querySelector(".real-submit").style.display = "inline-block";
}
});
document.querySelector(".fake-submit").addEventListener("click", function (e) {
e.preventDefault();
// ✅ Capture duration only first time
if (finalDuration === null) {
finalDuration = getDurationInSeconds();
console.log("Captured duration at fake submit:", finalDuration, "seconds");
}
autoStartAfterLogin = true;
if (typeof timer !== "undefined") {
clearInterval(timer);
isRunning = false;
}
showLoginPopup();
});
document.querySelector(".real-submit").addEventListener("click", function (e) {
e.preventDefault();
submitTest();
});
window.addEventListener("message", function (event) {
if (event.data && event.data.success) {
console.log("Login success:", event.data.user);
isUserLoggedIn = true;
document.querySelector(".fake-submit").style.display = "none";
document.querySelector(".real-submit").style.display = "inline-block";
if (autoStartAfterLogin) {
const startBtn = document.getElementById("launch-test-btn");
if (startBtn) {
startBtn.click();
setTimeout(() => {
const submitBtn = document.querySelector(".real-submit");
if (submitBtn) submitBtn.click();
}, 2000);
}
autoStartAfterLogin = false;
}
}
});
</script>
<script>
document.querySelector("#download-result").addEventListener("click", function () {
if (window.savedTestResultId) {
window.location.href = `/online-test/test-results?id=${window.savedTestResultId}`;
} else {
alert("Please submit the test first.");
}
});
</script>
<!-- ✅ Content-Specific Ads (only show if not hidden) -->
</div>
<div class="share-sec">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="share-box" style="float: left; padding-top: 30px;">
<!-- ShareThis BEGIN -->
<div class="sharethis-inline-share-buttons" style="margin-bottom: 20px;"></div>
<!-- ShareThis END -->
</div>
</div>
</div>
</div>
</div><div class="feedback-sec">
<div class="container">
<div class="col-lg-12">
<div class="feed-box">
<h3>Is this page helpful?</h3>
<ul class="yes-no">
<li><a href="javascript:void(0)" data-box="yes-box">Yes</a></li>
<li><a href="javascript:void(0)" data-box="no-box">No</a></li>
</ul>
<div id="yes-box" class="yes-box" style="display: none;">
<p>Thank you for your feedback. We are happy our work helped you.</p>
<p>Now, please consider sharing this page to your friends/class-fellows. Thank you</p>
</div>
<div id="no-box" class="no-box" style="display: none;">
<p>We are sorry to know you could not find your required information.</p>
<p>Please take a moment to let us know about your feedback.</p>
<textarea id="Comments" placeholder="Please write your feedback about this page here."></textarea><br>
<input type="hidden" id="PageUrl" value="/bs-english/">
<input type="button" onclick="getfeedback()" value="Submit">
</div>
</div>
</div>
</div>
</div>
<div b-6ny76aq88l id="loginPartialContainer"></div>
<!-- Main End -->
<!-- Footer Start -->
<footer b-6ny76aq88l class="main-footer">
<div b-6ny76aq88l class="container">
<div b-6ny76aq88l class="row">
<div b-6ny76aq88l class="col-lg-12">
<div b-6ny76aq88l class="footer-logo">
<a b-6ny76aq88l aria-label="link">
<img b-6ny76aq88l class="lazyload slider-lazy"
data-src="https://www.ilmkidunya.com/ikd-logo.jpg"
alt="img"
src="https://cdn.ilmkidunya.com/images/companylogo/default.png"
width="186"
height="70" />
</a>
</div>
</div>
<div b-6ny76aq88l class="col-lg-12">
<div b-6ny76aq88l class="footer-cards">
<div b-6ny76aq88l class="f-card">
<div b-6ny76aq88l class="figure">
<img b-6ny76aq88l class="lazyload slider-lazy"
src="https://www.ilmkidunya.com/icons/fb.png"
alt="img"
width="14"
height="27" />
</div>
<p b-6ny76aq88l>
A vibrant community of 491K followers. Join to get daily updates for exams & study activities.
</p>
<a b-6ny76aq88l aria-label="Facebook Page" class="btn btn-green" href="https://www.facebook.com/ilmkidunya/" target="_blank">Like</a>
</div>
<div b-6ny76aq88l class="f-card">
<div b-6ny76aq88l class="figure">
<img b-6ny76aq88l class="lazyload slider-lazy"
data-src="https://www.ilmkidunya.com/icons/icon-4.webp"
alt="img"
src="https://www.ilmkidunya.com/icons/icon-4.webp"
width="23"
height="15" />
</div>
<p b-6ny76aq88l>
Join our 2.29 Million subscribers on Pakistan's #1 Educational YouTube Channel to keep learning.
</p>
<a b-6ny76aq88l aria-label="YouTube Channel" class="btn btn-green" href="https://www.youtube.com/@ilmkidunyaofficial" target="_blank">Subscribe</a>
</div>
<div b-6ny76aq88l class="f-card">
<div b-6ny76aq88l class="figure">
<img b-6ny76aq88l class="lazyload slider-lazy"
data-src="https://www.ilmkidunya.com/icons/icon-3.webp"
alt="img"
src="https://www.ilmkidunya.com/icons/icon-3.webp"
width="21"
height="17" />
</div>
<p b-6ny76aq88l>
A great way to remain in touch with latest educational news. Become one of our 57.8k followers.
</p>
<a b-6ny76aq88l aria-label="Twitter Profile" class="btn btn-green" href="https://x.com/ilmkidunya" target="_blank">Follow</a>
</div>
<div b-6ny76aq88l class="f-card">
<div b-6ny76aq88l class="figure">
<img b-6ny76aq88l class="lazyload slider-lazy"
data-src="https://www.ilmkidunya.com/icons/icon-2.webp"
alt="img"
src="https://www.ilmkidunya.com/icons/icon-2.webp"
width="18"
height="19" />
</div>
<p b-6ny76aq88l>
Make your Insta feed full of interesting information & educational content. Follow us on Instagram.
</p>
<a b-6ny76aq88l aria-label="Instagram Page" class="btn btn-green" href="https://www.instagram.com/ilmkidunyadotcom/" target="_blank">Follow</a>
</div>
<div b-6ny76aq88l class="f-card">
<div b-6ny76aq88l class="figure">
<img b-6ny76aq88l class="lazyload slider-lazy"
data-src="https://www.ilmkidunya.com/icons/tektok1.png"
alt="img"
src="https://www.ilmkidunya.com/icons/tektok1.png"
width="26"
height="30" />
</div>
<p b-6ny76aq88l>
Make your valuable fun time more valuable. Get short informative & educational videos.
</p>
<a b-6ny76aq88l aria-label="TikTok Profile" class="btn btn-green" href="https://www.tiktok.com/@ilmkidunya.com" target="_blank">Follow</a>
</div>
</div>
</div>
<div b-6ny76aq88l class="col-lg-12">
<p b-6ny76aq88l class="copyright">Copyright <span b-6ny76aq88l id="year">2025</span> ilmkidunya.com. All rights reserved.</p>
</div>
<div b-6ny76aq88l class="col-lg-12">
<!-- ✅ OPTIMIZED: Fixed height to prevent layout shifts -->
<div b-6ny76aq88l class="ad-container" style="min-height: 90px; position: relative;">
<ins b-6ny76aq88l class="adsbygoogle ad-slot"
style="display:block; min-height: 90px;"
data-ad-client="ca-pub-8866825487085085"
data-ad-slot="9990874736"
data-ad-format="auto"
data-full-width-responsive="true"
data-ad-channel="education"
data-page-url="https://www.ilmkidunya.com/online-test/9th-computer-science-chapter-5-test-preparation">
</ins>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer End -->
</div>
<!-- ✅ DEFERRED/NON-CRITICAL SCRIPTS -->
<script defer src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script defer src="/js-files/combine.js"></script>
<script defer src="/js-files/js/responsive.menu.js"></script>
<script defer src="/js-files/js/functions.js"></script>
<script>
(function() {
// ✅ MINIMAL SYNCHRONOUS WORK ONLY
var yearEl = document.getElementById('year');
if (yearEl) yearEl.textContent = new Date().getFullYear();
// ✅ AD INITIALIZATION TRACKER
var adsInitialized = false;
var adSlotsProcessed = new Set();
// ✅ CONTENT KEYWORDS EXTRACTION FOR BETTER AD TARGETING
function extractContentKeywords() {
try {
// Get page content for keyword extraction
var contentContainer = document.getElementById('main') || document.body;
var mainText = contentContainer.innerText || '';
// Common educational keywords for fallback
var defaultKeywords = [
'education', 'learning', 'study', 'students', 'Pakistan',
'exams', 'university', 'college', 'school', 'courses',
'online education', 'study materials', 'exam preparation'
];
// Simple keyword extraction (first 1000 chars for performance)
var textSample = mainText.substring(0, 1000).toLowerCase();
var commonWords = ['the', 'and', 'for', 'that', 'this', 'with', 'have', 'are', 'from', 'was'];
var words = textSample.split(/\W+/);
var wordCount = {};
// Count relevant words
words.forEach(function(word) {
if (word.length > 4 && !commonWords.includes(word)) {
wordCount[word] = (wordCount[word] || 0) + 1;
}
});
// Get top 5 content-specific words
var contentKeywords = Object.entries(wordCount)
.sort((a, b) => b[1] - a[1])
.slice(0, 5)
.map(entry => entry[0]);
// Combine with default keywords
var allKeywords = [...new Set([...contentKeywords, ...defaultKeywords])];
// Update meta keywords tag
var metaKeywords = document.querySelector('meta[name="keywords"]');
if (metaKeywords) {
var existingKeywords = metaKeywords.getAttribute('content') || '';
var newKeywords = allKeywords.join(', ') + (existingKeywords ? ', ' + existingKeywords : '');
metaKeywords.setAttribute('content', newKeywords);
}
return allKeywords;
} catch (e) {
return ['education', 'learning', 'Pakistan', 'students', 'study'];
}
}
// ✅ DYNAMIC AD PLACEMENT BASED ON CONTENT
function setupDynamicAds() {
// Check if page has long content for in-content ads
var mainContent = document.getElementById('main');
if (mainContent) {
var textLength = mainContent.innerText.length;
var paragraphs = mainContent.querySelectorAll('p');
// Show in-content ad if article is long enough
if (textLength > 1500 && paragraphs.length > 5) {
var inContentAd = document.getElementById('inContentAd');
if (inContentAd && !inContentAd.hasAttribute('data-processed')) {
// Mark as processed
inContentAd.setAttribute('data-processed', 'true');
// Insert ad after 3rd paragraph
if (paragraphs.length > 3) {
paragraphs[2].insertAdjacentElement('afterend', inContentAd);
inContentAd.style.display = 'block';
// Initialize the newly shown ad
if (window.adsbygoogle) {
(window.adsbygoogle = window.adsbygoogle || []).push({});
}
}
}
}
}
}
// ✅ SINGLE AD INITIALIZATION FUNCTION
function initializeAdSlot(adElement) {
if (!adElement || adSlotsProcessed.has(adElement)) {
return false;
}
try {
// Mark this ad slot as processed
adSlotsProcessed.add(adElement);
return true;
} catch (e) {
console.warn('Ad initialization failed:', e);
return false;
}
}
// ✅ INITIALIZE ALL ADS SAFELY
function initializeAllAds() {
if (adsInitialized) {
return;
}
var adSlots = document.querySelectorAll('.adsbygoogle:not([data-ad-format="fluid"])');
// Initialize each ad slot only once
adSlots.forEach(function(slot, index) {
// Mark ad slot as requested
if (!slot.hasAttribute('data-ad-requested')) {
slot.setAttribute('data-ad-requested', 'true');
initializeAdSlot(slot);
}
});
adsInitialized = true;
}
// ✅ AD PERFORMANCE TRACKING
function trackAdPerformance() {
if (typeof gtag === 'undefined') return;
var observer = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
// Ad is visible - track view
var adElement = entry.target;
var adSlot = adElement.querySelector('.adsbygoogle')?.dataset?.adSlot || 'unknown';
gtag('event', 'ad_view', {
'event_category': 'ads',
'event_label': adSlot,
'non_interaction': true
});
// Unobserve after tracking
observer.unobserve(adElement);
}
});
}, {
threshold: 0.5 // 50% of ad visible
});
// Observe all ad containers
document.querySelectorAll('.ad-container, .content-ad-container').forEach(function(ad) {
observer.observe(ad);
});
}
// ✅ EXECUTE AFTER DOM LOADS
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function() {
// Extract keywords and setup dynamic ads
if (true) {
extractContentKeywords();
setupDynamicAds();
initializeAllAds();
trackAdPerformance();
}
});
} else {
// DOM already loaded
if (true) {
extractContentKeywords();
setupDynamicAds();
initializeAllAds();
trackAdPerformance();
}
}
// ✅ CORE INTERACTIONS ONLY
document.addEventListener('click', function(e) {
var bannerLink = e.target.closest('.decode-banner-url');
if (bannerLink && bannerLink.hasAttribute('data-url')) {
e.preventDefault();
var encodedUrl = bannerLink.getAttribute('data-url');
try {
var decodedUrl = decodeURIComponent(escape(atob(encodedUrl)));
window.open(decodedUrl, '_blank', 'noopener');
} catch (err) {
console.warn('Invalid URL');
}
}
// Track ad clicks if applicable
if (e.target.closest('.adsbygoogle')) {
gtag('event', 'ad_click', {
'event_category': 'ads',
'event_label': 'google_ads'
});
}
});
// ✅ PREVENT DUPLICATE AD REFRESH
var refreshTimeout = null;
document.addEventListener('visibilitychange', function() {
if (!document.hidden && refreshTimeout) {
clearTimeout(refreshTimeout);
}
});
})();
</script>
<style>
.only-footer-fixed {
display: none;
}
@media screen and (max-width: 900px) {
.only-footer-fixed {
display: block;
position: fixed;
left: 0;
bottom: 0;
padding: 0;
background: #fff;
z-index: 9147483647;
width: 100%;
text-align: center;
}
.only-footer-fixed .close-footer {
position: absolute;
right: 10px;
top: -20px;
font-size: 20px;
line-height: 25px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #f00;
color: #fff;
cursor: pointer;
font-weight: bold;
z-index: 1000;
}
.only-footer-fixed img {
width: 100%;
height: auto;
}
/* Better mobile ad styling */
.ad-container, .content-ad-container {
margin: 15px 0;
}
.content-ad-container ins {
min-height: 100px !important;
}
}
.decode-banner-url {
cursor: pointer;
}
.only-footer-fixed.hidden {
display: none !important;
}
/* Ad container styling for better visibility */
.ad-container {
margin: 20px 0;
text-align: center;
background: #f9f9f9;
border-radius: 4px;
padding: 10px;
}
.content-ad-container {
margin: 30px auto;
max-width: 728px;
background: #f9f9f9;
border-radius: 4px;
padding: 15px;
border-left: 4px solid #11a48a;
}
/* Prevent ad container layout shifts */
.ad-container ins, .content-ad-container ins {
display: block !important;
margin: 0 auto;
}
</style>
<!-- WhatsApp Banner -->
<div b-6ny76aq88l class="only-footer-fixed" id="whatsapp-banner-main">
<span b-6ny76aq88l class="close-footer">×</span>
<a b-6ny76aq88l href="http://cutly.in/G6b44Y" target="_blank">
<img b-6ny76aq88l alt="WhatsApp Banner"
loading="lazy"
src="https://www.ilmkidunya.com/images/WhatsAppBanner/WhatsAppBanner.png"
width="300"
height="60"
style="width: 100%; height: 60px; object-fit: cover;">
</a>
</div>
<script defer>
// ✅ OPTIMIZED: WhatsApp banner cleanup - deferred
document.addEventListener('DOMContentLoaded', function() {
// Remove ALL unwanted banners
const allBanners = document.querySelectorAll('.only-footer-fixed');
allBanners.forEach(banner => {
const hasBAttributes = banner.hasAttribute('b-6ny76aq88l') ||
banner.querySelector('[b-6ny76aq88l]') !== null;
const hasHiddenClass = banner.classList.contains('hidden');
if (hasBAttributes || hasHiddenClass) {
banner.remove();
}
});
// Ensure only one banner remains
const remainingBanners = document.querySelectorAll('.only-footer-fixed');
if (remainingBanners.length > 1) {
for (let i = 1; i < remainingBanners.length; i++) {
remainingBanners[i].remove();
}
}
// Close functionality
document.addEventListener('click', function(e) {
if (e.target.classList.contains('close-footer')) {
const banner = e.target.closest('.only-footer-fixed');
if (banner) {
banner.remove();
try {
localStorage.setItem('whatsappBannerClosed', 'true');
} catch (e) {
// Ignore localStorage errors
}
}
}
});
// Check if user previously closed the banner
try {
if (localStorage.getItem('whatsappBannerClosed') === 'true') {
const banners = document.querySelectorAll('.only-footer-fixed');
banners.forEach(banner => {
banner.remove();
});
}
} catch (e) {
// Ignore localStorage errors
}
});
</script>
</body>
</html> |
Home
News
Colleges
Courses
Admission
Lectures
Online Test
Past Papers
Date Sheets
Results
Study Abroad
Jobs
Tutors
More
Apps
