ميدياويكي:Gadget-TripleTabView.js
ملاحظة: بعد النشر، أنت قد تحتاج إلى إفراغ الكاش الخاص بمتصفحك لرؤية التغييرات.
- فايرفوكس / سافاري: أمسك Shift أثناء ضغط Reload، أو اضغط على إما Ctrl-F5 أو Ctrl-R (⌘-R على ماك)
- جوجل كروم: اضغط Ctrl-Shift-R (⌘-Shift-R على ماك)
- إنترنت إكسبلورر/إيدج: أمسك Ctrl أثناء ضغط Refresh، أو اضغط Ctrl-F5
- أوبرا: اضغط Ctrl-F5.
function setDefaultFont(){var t=document.querySelectorAll(".resizable-text"),e,o,n,d;for(e=0;e<t.length;e++)o=t[e],n=window.getComputedStyle(o).fontFamily,o.style.fontSize=n.indexOf("AdobeArabic-Regular")!==-1?"20px":"14px";d=document.querySelector("#text"),d&&(d.style.fontFamily="'AdobeArabic-Regular', sans-serif",d.style.fontSize="20px")}function toggleDarkMode(){var t=document.body,e=document.getElementById("toggle-dark-mode");e&&(t.classList.toggle("dark-mode"),t.classList.contains("dark-mode")?(e.textContent="\ud83c\udf19",localStorage.setItem("dark-mode","enabled")):(e.textContent="\ud83c\udf1e",localStorage.setItem("dark-mode","disabled")))}function initializeDarkMode(){var t=document.getElementById("toggle-dark-mode");t&&(localStorage.getItem("dark-mode")==="enabled"?(document.body.classList.add("dark-mode"),t.textContent="\ud83c\udf19"):(document.body.classList.remove("dark-mode"),t.textContent="\ud83c\udf1e"),t.addEventListener("click",toggleDarkMode))}function initializeTabsAndFontControls(){var t=document.querySelectorAll(".tab"),e=document.querySelectorAll(".tab-content"),o,n,d,i,a,c;if(t.length!==0&&e.length!==0){for(o=0;o<t.length;o++)t[o].addEventListener("click",function(o){return function(){var n,d,i;for(n=0;n<t.length;n++)t[n].classList.remove("active");for(d=0;d<e.length;d++)e[d].classList.remove("active");t[o].classList.add("active"),i=document.getElementById(t[o].getAttribute("data-tab")),i&&i.classList.add("active")}}(o));t[0].classList.add("active"),e[0].classList.add("active"),n=document.getElementById("increase-font"),d=document.getElementById("decrease-font"),i=document.getElementById("reset-font"),a=10,c=23,setDefaultFont(),n&&n.addEventListener("click",function(){adjustFontSize(.5,c)}),d&&d.addEventListener("click",function(){adjustFontSize(-.5,a)}),i&&i.addEventListener("click",function(){setDefaultFont()})}}function adjustFontSize(t,e){var o=document.querySelector(".tab-content.active"),n,d,i,a;if(o)for(n=o.querySelectorAll(".resizable-text"),d=0;d<n.length;d++)i=n[d],a=parseFloat(window.getComputedStyle(i).fontSize)+t,(t>0&&a<=e||t<0&&a>=e)&&(i.style.fontSize=a+"px")}var observer=new MutationObserver(function(){document.getElementById("increase-font")&&document.getElementById("decrease-font")&&document.getElementById("reset-font")&&document.getElementById("toggle-dark-mode")&&(observer.disconnect(),initializeTabsAndFontControls(),initializeDarkMode())});observer.observe(document.body,{childList:!0,subtree:!0}),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){setDefaultFont(),initializeTabsAndFontControls(),initializeDarkMode()}):(setDefaultFont(),initializeTabsAndFontControls(),initializeDarkMode());