মিডিয়াউইকি:Gadget-TripleTabView.js
অবয়ব
লক্ষ্য করুন: প্রকাশ করার পর, পরিবর্তনগুলো দেখতে আপনাকে আপনার ব্রাউজারের ক্যাশে পরিষ্কার করার প্রয়োজন হতে পারে।
- ফায়ারফক্স / সাফারি: পুনরায় লোড-এ ক্লিক করার সময় শিফট টিপে ধরে রাখুন, অথবা হয় 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());