<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-GB">
	<id>https://wiki.pantonianrepublic.com/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3ACommon.js</id>
	<title>MediaWiki:Common.js - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.pantonianrepublic.com/index.php?action=history&amp;feed=atom&amp;title=MediaWiki%3ACommon.js"/>
	<link rel="alternate" type="text/html" href="https://wiki.pantonianrepublic.com/index.php?title=MediaWiki:Common.js&amp;action=history"/>
	<updated>2026-07-06T22:48:05Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.39.0</generator>
	<entry>
		<id>https://wiki.pantonianrepublic.com/index.php?title=MediaWiki:Common.js&amp;diff=7109&amp;oldid=prev</id>
		<title>Django07: Created page with &quot;/* Any JavaScript here will be loaded for all users on every page load. */  /**  * Switcher utility  * * Dynamically switches between multiple elements (like maps, images, etc.)  * based on user selection via radio buttons.  */ $(function () {     $(&#039;.switcher-container&#039;).each(function () {         var $container = $(this);         var $elements = $container.children(&#039;div&#039;);         if ($elements.length &lt; 2) {             return;         }          var $radioContainer =...&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.pantonianrepublic.com/index.php?title=MediaWiki:Common.js&amp;diff=7109&amp;oldid=prev"/>
		<updated>2026-06-14T19:24:39Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Any JavaScript here will be loaded for all users on every page load.: &lt;/span&gt;  &lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;*  * Switcher utility  * * Dynamically switches between multiple elements (like maps, images, etc.)  * based on user selection via radio buttons.: &lt;/span&gt; $(function () {     $(&amp;#039;.switcher-container&amp;#039;).each(function () {         var $container = $(this);         var $elements = $container.children(&amp;#039;div&amp;#039;);         if ($elements.length &amp;lt; 2) {             return;         }          var $radioContainer =...&amp;quot;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;/* Any JavaScript here will be loaded for all users on every page load. */&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Switcher utility&lt;br /&gt;
 * * Dynamically switches between multiple elements (like maps, images, etc.)&lt;br /&gt;
 * based on user selection via radio buttons.&lt;br /&gt;
 */&lt;br /&gt;
$(function () {&lt;br /&gt;
    $(&amp;#039;.switcher-container&amp;#039;).each(function () {&lt;br /&gt;
        var $container = $(this);&lt;br /&gt;
        var $elements = $container.children(&amp;#039;div&amp;#039;);&lt;br /&gt;
        if ($elements.length &amp;lt; 2) {&lt;br /&gt;
            return;&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
        var $radioContainer = $(&amp;#039;&amp;lt;div class=&amp;quot;switcher-options&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;#039;);&lt;br /&gt;
        var name = &amp;#039;switcher-&amp;#039; + Math.floor(Math.random() * 1000000);&lt;br /&gt;
        var hasDefault = false;&lt;br /&gt;
&lt;br /&gt;
        $elements.each(function (i) {&lt;br /&gt;
            var $el = $(this);&lt;br /&gt;
            var labelText = $el.find(&amp;#039;.switcher-label&amp;#039;).text() || (&amp;#039;Option &amp;#039; + (i + 1));&lt;br /&gt;
            &lt;br /&gt;
            // Create radio button&lt;br /&gt;
            var $radio = $(&amp;#039;&amp;lt;input type=&amp;quot;radio&amp;quot;&amp;gt;&amp;#039;)&lt;br /&gt;
                .attr(&amp;#039;name&amp;#039;, name)&lt;br /&gt;
                .attr(&amp;#039;id&amp;#039;, name + &amp;#039;-&amp;#039; + i)&lt;br /&gt;
                .prop(&amp;#039;checked&amp;#039;, i === 0)&lt;br /&gt;
                .on(&amp;#039;change&amp;#039;, function () {&lt;br /&gt;
                    if (this.checked) {&lt;br /&gt;
                        $elements.hide();&lt;br /&gt;
                        $el.show();&lt;br /&gt;
                    }&lt;br /&gt;
                });&lt;br /&gt;
&lt;br /&gt;
            var $label = $(&amp;#039;&amp;lt;label&amp;gt;&amp;lt;/label&amp;gt;&amp;#039;)&lt;br /&gt;
                .attr(&amp;#039;for&amp;#039;, name + &amp;#039;-&amp;#039; + i)&lt;br /&gt;
                .text(&amp;#039; &amp;#039; + labelText);&lt;br /&gt;
&lt;br /&gt;
            var $optionDiv = $(&amp;#039;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&amp;#039;).append($radio, $label);&lt;br /&gt;
            $radioContainer.append($optionDiv);&lt;br /&gt;
&lt;br /&gt;
            // Handle default element if specified&lt;br /&gt;
            if ($el.find(&amp;#039;[data-switcher-default]&amp;#039;).length) {&lt;br /&gt;
                $radio.prop(&amp;#039;checked&amp;#039;, true);&lt;br /&gt;
                $elements.hide();&lt;br /&gt;
                $el.show();&lt;br /&gt;
                hasDefault = true;&lt;br /&gt;
            } else if (!hasDefault &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;
                $el.hide(); // Hide non-first elements by default if no explicit default&lt;br /&gt;
            }&lt;br /&gt;
        });&lt;br /&gt;
&lt;br /&gt;
        $container.append($radioContainer);&lt;br /&gt;
    });&lt;br /&gt;
});&lt;/div&gt;</summary>
		<author><name>Django07</name></author>
	</entry>
</feed>