`; // Ajoutez le code CSS personnalisé const style = document.createElement('style'); style.textContent = ` #ejournal24-links-widget .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } #ejournal24-links-widget .modal-content { background-color: #fff; margin: 5% auto; padding: 20px; border: 1px solid #ddd; width: 90%; height: 80%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } #ejournal24-links-widget .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } #ejournal24-links-widget .close:hover, #ejournal24-links-widget .close:focus { color: black; text-decoration: none; cursor: pointer; } #ejournal24-links-widget #external-iframe { width: 100%; height: 100%; border: none; } /* Personnalisation de la barre de défilement (si nécessaire) */ #ejournal24-links-widget #external-iframe::-webkit-scrollbar { width: 8px; } #ejournal24-links-widget #external-iframe::-webkit-scrollbar-track { background: #f1f1f1; } #ejournal24-links-widget #external-iframe::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; } #ejournal24-links-widget #external-iframe::-webkit-scrollbar-thumb:hover { background: #555; } `; // Ajoutez le conteneur et le style au corps de la page document.body.appendChild(widgetContainer); document.head.appendChild(style); // Ajoutez le code JavaScript pour la fonctionnalité du widget const modal = document.getElementById('external-modal'); const iframe = document.getElementById('external-iframe'); const closeBtn = document.getElementsByClassName('close')[0]; const links = document.getElementsByClassName('external-link'); for (let link of links) { link.addEventListener('click', function(event) { event.preventDefault(); iframe.src = this.href; modal.style.display = 'block'; }); } closeBtn.onclick = function() { modal.style.display = 'none'; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = 'none'; } } })();

3/صوت وصورة/small-col-right

3/اراء/small-col-right

3/تكنولوجيا/recent-videos

3/ صوت وصورة/post-grid

3/نبض الشارع/big-col-left

3/رياضة/big-col-right

3/اراء/big-col-right