https://develika-wiki.marus.team/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-develika-tabs.js 2026-07-01T18:22:47Z История изменений этой страницы в вики MediaWiki 1.43.9 https://develika-wiki.marus.team/index.php?title=MediaWiki:Gadget-develika-tabs.js&diff=68&oldid=prev 2026-07-01T10:31:46Z

<p>Библиотека компонентов</p> <p><b>Новая страница</b></p><div>/* Вкладки «Девелика»: делает интерактивной разметку<br /> .dvlk-tabs &gt; .dvlk-tabs__nav &gt; .dvlk-tabs__tab[data-tab] + .dvlk-tabs__panel[data-panel].<br /> Стили — в brand.css. Подключается как гаджет (см. MediaWiki:Gadgets-definition). */<br /> ( function () {<br /> &#039;use strict&#039;;<br /> function init() {<br /> var groups = document.querySelectorAll( &#039;.dvlk-tabs&#039; );<br /> Array.prototype.forEach.call( groups, function ( tabs ) {<br /> if ( tabs.dataset.dvlkReady ) { return; }<br /> tabs.dataset.dvlkReady = &#039;1&#039;;<br /> var tabEls = tabs.querySelectorAll( &#039;.dvlk-tabs__tab&#039; );<br /> var panels = tabs.querySelectorAll( &#039;.dvlk-tabs__panel&#039; );<br /> function activate( key ) {<br /> Array.prototype.forEach.call( tabEls, function ( t ) {<br /> t.classList.toggle( &#039;is-active&#039;, t.getAttribute( &#039;data-tab&#039; ) === key );<br /> } );<br /> Array.prototype.forEach.call( panels, function ( p ) {<br /> p.classList.toggle( &#039;is-active&#039;, p.getAttribute( &#039;data-panel&#039; ) === key );<br /> } );<br /> }<br /> Array.prototype.forEach.call( tabEls, function ( t ) {<br /> t.addEventListener( &#039;click&#039;, function () { activate( t.getAttribute( &#039;data-tab&#039; ) ); } );<br /> } );<br /> if ( tabEls.length ) { activate( tabEls[ 0 ].getAttribute( &#039;data-tab&#039; ) ); }<br /> } );<br /> }<br /> if ( document.readyState !== &#039;loading&#039; ) { init(); } else { document.addEventListener( &#039;DOMContentLoaded&#039;, init ); }<br /> }() );</div>

Admin