What's new

NOVUS ORDO SECLORUM

Greetings !
Seeking career in Pak Army Do lemme know when there would be vacancies in Direct Short Service Commission.
Location
Quetta
Country
Pakistan
Location
Pakistan
How did you find us? Facebook, google, etc
Use to be old member
Occupation
Office Assistant

Following

document.addEventListener('DOMContentLoaded', function () { // Create the CSS for the popup var style = document.createElement('style'); style.innerHTML = ` /* Style for the popup */ .popup { display: none; /* Hidden by default */ position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.8); /* Black background with opacity */ } .popup-content { position: relative; background-color: #fff; margin: 15% auto; padding: 20px; width: 80%; max-width: 600px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .close-btn { position: absolute; top: 10px; right: 25px; color: #aaa; font-size: 28px; font-weight: bold; cursor: pointer; } .close-btn:hover, .close-btn:focus { color: #000; text-decoration: none; cursor: pointer; } `; document.head.appendChild(style); // Create the HTML for the popup var popup = document.createElement('div'); popup.id = 'videoPopup'; popup.className = 'popup'; popup.innerHTML = ` `; document.body.appendChild(popup); // Show the popup when the page loads popup.style.display = 'block'; // Get the close button var closeBtn = document.querySelector('.close-btn'); // Close the popup when the user clicks on the close button closeBtn.onclick = function () { popup.style.display = 'none'; var iframe = document.getElementById('youtubeVideo'); iframe.src = iframe.src; // Stop the video from playing } // Close the popup when the user clicks anywhere outside of the popup window.onclick = function (event) { if (event.target == popup) { popup.style.display = 'none'; var iframe = document.getElementById('youtubeVideo'); iframe.src = iframe.src; // Stop the video from playing } } });
Back
Top Bottom