MediaWiki:Common.js : Différence entre versions

De Wiki'speria
Aller à : navigation, rechercher
(présent dans le core)
Ligne 94 : Ligne 94 :
 
}
 
}
 
$navigationDiv.append($openCloseMenu);
 
$navigationDiv.append($openCloseMenu);
 +
 +
 +
/**
 +
* jQuery makeCollapsible
 +
*
 +
* Dual licensed:
 +
* - CC BY 3.0 <http://creativecommons.org/licenses/by/3.0>
 +
* - GPL2 <http://www.gnu.org/licenses/old-licenses/gpl-2.0.html>
 +
*
 +
* @class jQuery.plugin.makeCollapsible
 +
*/
 +
( function ( $, mw ) {
 +
 +
  /**
 +
    * Handler for a click on a collapsible toggler.
 +
    *
 +
    * @private
 +
    * @param {jQuery} $collapsible
 +
    * @param {string} action The action this function will take ('expand' or 'collapse').
 +
    * @param {jQuery|null} [$defaultToggle]
 +
    * @param {Object|undefined} [options]
 +
    */
 +
  function toggleElement( $collapsible, action, $defaultToggle, options ) {
 +
      var $collapsibleContent, $containers, hookCallback;
 +
      options = options || {};
 +
 +
      // Validate parameters
 +
 +
      // $collapsible must be an instance of jQuery
 +
      if ( !$collapsible.jquery ) {
 +
          return;
 +
      }
 +
      if ( action !== 'expand' && action !== 'collapse' ) {
 +
          // action must be string with 'expand' or 'collapse'
 +
          return;
 +
      }
 +
      if ( $defaultToggle === undefined ) {
 +
          $defaultToggle = null;
 +
      }
 +
      if ( $defaultToggle !== null && !$defaultToggle.jquery ) {
 +
          // is optional (may be undefined), but if defined it must be an instance of jQuery.
 +
          // If it's not, abort right away.
 +
          // After this $defaultToggle is either null or a valid jQuery instance.
 +
          return;
 +
      }
 +
 +
      // Trigger a custom event to allow callers to hook to the collapsing/expanding,
 +
      // allowing the module to be testable, and making it possible to
 +
      // e.g. implement persistence via cookies
 +
      $collapsible.trigger( action === 'expand' ? 'beforeExpand.mw-collapsible' : 'beforeCollapse.mw-collapsible' );
 +
      hookCallback = function () {
 +
          $collapsible.trigger( action === 'expand' ? 'afterExpand.mw-collapsible' : 'afterCollapse.mw-collapsible' );
 +
      };
 +
 +
      // Handle different kinds of elements
 +
 +
      if ( !options.plainMode && $collapsible.is( 'table' ) ) {
 +
          // Tables
 +
          // If there is a caption, hide all rows; otherwise, only hide body rows
 +
          if ( $collapsible.find( '> caption' ).length ) {
 +
              $containers = $collapsible.find( '> * > tr' );
 +
          } else {
 +
              $containers = $collapsible.find( '> tbody > tr' );
 +
          }
 +
          if ( $defaultToggle ) {
 +
              // Exclude table row containing togglelink
 +
              $containers = $containers.not( $defaultToggle.closest( 'tr' ) );
 +
          }
 +
 +
          if ( action === 'collapse' ) {
 +
              // Hide all table rows of this table
 +
              // Slide doesn't work with tables, but fade does as of jQuery 1.1.3
 +
              // http://stackoverflow.com/questions/467336#920480
 +
              if ( options.instantHide ) {
 +
                  $containers.hide();
 +
                  hookCallback();
 +
              } else {
 +
                  $containers.stop( true, true ).fadeOut().promise().done( hookCallback );
 +
              }
 +
          } else {
 +
              $containers.stop( true, true ).fadeIn().promise().done( hookCallback );
 +
          }
 +
 +
      } else if ( !options.plainMode && ( $collapsible.is( 'ul' ) || $collapsible.is( 'ol' ) ) ) {
 +
          // Lists
 +
          $containers = $collapsible.find( '> li' );
 +
          if ( $defaultToggle ) {
 +
              // Exclude list-item containing togglelink
 +
              $containers = $containers.not( $defaultToggle.parent() );
 +
          }
 +
 +
          if ( action === 'collapse' ) {
 +
              if ( options.instantHide ) {
 +
                  $containers.hide();
 +
                  hookCallback();
 +
              } else {
 +
                  $containers.stop( true, true ).slideUp().promise().done( hookCallback );
 +
              }
 +
          } else {
 +
              $containers.stop( true, true ).slideDown().promise().done( hookCallback );
 +
          }
 +
 +
      } else {
 +
          // Everything else: <div>, <p> etc.
 +
          $collapsibleContent = $collapsible.find( '> .mw-collapsible-content' );
 +
 +
          // If a collapsible-content is defined, act on it
 +
          if ( !options.plainMode && $collapsibleContent.length ) {
 +
              if ( action === 'collapse' ) {
 +
                  if ( options.instantHide ) {
 +
                      $collapsibleContent.hide();
 +
                      hookCallback();
 +
                  } else {
 +
                      $collapsibleContent.slideUp().promise().done( hookCallback );
 +
                  }
 +
              } else {
 +
                  $collapsibleContent.slideDown().promise().done( hookCallback );
 +
              }
 +
 +
          // Otherwise assume this is a customcollapse with a remote toggle
 +
          // .. and there is no collapsible-content because the entire element should be toggled
 +
          } else {
 +
              if ( action === 'collapse' ) {
 +
                  if ( options.instantHide ) {
 +
                      $collapsible.hide();
 +
                      hookCallback();
 +
                  } else {
 +
                      if ( $collapsible.is( 'tr' ) || $collapsible.is( 'td' ) || $collapsible.is( 'th' ) ) {
 +
                          $collapsible.fadeOut().promise().done( hookCallback );
 +
                      } else {
 +
                          $collapsible.slideUp().promise().done( hookCallback );
 +
                      }
 +
                  }
 +
              } else {
 +
                  if ( $collapsible.is( 'tr' ) || $collapsible.is( 'td' ) || $collapsible.is( 'th' ) ) {
 +
                      $collapsible.fadeIn().promise().done( hookCallback );
 +
                  } else {
 +
                      $collapsible.slideDown().promise().done( hookCallback );
 +
                  }
 +
              }
 +
          }
 +
      }
 +
  }
 +
 +
  /**
 +
    * Handle clicking/keypressing on the collapsible element toggle and other
 +
    * situations where a collapsible element is toggled (e.g. the initial
 +
    * toggle for collapsed ones).
 +
    *
 +
    * @private
 +
    * @param {jQuery} $toggle the clickable toggle itself
 +
    * @param {jQuery} $collapsible the collapsible element
 +
    * @param {jQuery.Event|null} e either the event or null if unavailable
 +
    * @param {Object|undefined} options
 +
    */
 +
  function togglingHandler( $toggle, $collapsible, e, options ) {
 +
      var wasCollapsed, $textContainer, collapseText, expandText;
 +
 +
      if ( options === undefined ) {
 +
          options = {};
 +
      }
 +
 +
      if ( e ) {
 +
          if ( e.type === 'click' && options.linksPassthru && $.nodeName( e.target, 'a' ) ) {
 +
              // Don't fire if a link was clicked, if requested  (for premade togglers by default)
 +
              return;
 +
          } else if ( e.type === 'keypress' && e.which !== 13 && e.which !== 32 ) {
 +
              // Only handle keypresses on the "Enter" or "Space" keys
 +
              return;
 +
          } else {
 +
              e.preventDefault();
 +
              e.stopPropagation();
 +
          }
 +
      }
 +
 +
      // This allows the element to be hidden on initial toggle without fiddling with the class
 +
      if ( options.wasCollapsed !== undefined ) {
 +
          wasCollapsed = options.wasCollapsed;
 +
      } else {
 +
          wasCollapsed = $collapsible.hasClass( 'mw-collapsed' );
 +
      }
 +
 +
      // Toggle the state of the collapsible element (that is, expand or collapse)
 +
      $collapsible.toggleClass( 'mw-collapsed', !wasCollapsed );
 +
 +
      // Toggle the mw-collapsible-toggle classes, if requested (for default and premade togglers by default)
 +
      if ( options.toggleClasses ) {
 +
          $toggle
 +
              .toggleClass( 'mw-collapsible-toggle-collapsed', !wasCollapsed )
 +
              .toggleClass( 'mw-collapsible-toggle-expanded', wasCollapsed );
 +
      }
 +
 +
      // Toggle the text ("Show"/"Hide"), if requested (for default togglers by default)
 +
      if ( options.toggleText ) {
 +
          collapseText = options.toggleText.collapseText;
 +
          expandText = options.toggleText.expandText;
 +
 +
          $textContainer = $toggle.find( '> a' );
 +
          if ( !$textContainer.length ) {
 +
              $textContainer = $toggle;
 +
          }
 +
          $textContainer.text( wasCollapsed ? collapseText : expandText );
 +
      }
 +
 +
      // And finally toggle the element state itself
 +
      toggleElement( $collapsible, wasCollapsed ? 'expand' : 'collapse', $toggle, options );
 +
  }
 +
 +
  /**
 +
    * Enable collapsible-functionality on all elements in the collection.
 +
    *
 +
    * - Will prevent binding twice to the same element.
 +
    * - Initial state is expanded by default, this can be overriden by adding class
 +
    *  "mw-collapsed" to the "mw-collapsible" element.
 +
    * - Elements made collapsible have jQuery data "mw-made-collapsible" set to true.
 +
    * - The inner content is wrapped in a "div.mw-collapsible-content" (except for tables and lists).
 +
    *
 +
    * @param {Object} [options]
 +
    * @param {string} [options.collapseText] Text used for the toggler, when clicking it would
 +
    *  collapse the element. Default: the 'data-collapsetext' attribute of the
 +
    *  collapsible element or the content of 'collapsible-collapse' message.
 +
    * @param {string} [options.expandText] Text used for the toggler, when clicking it would
 +
    *  expand the element. Default: the 'data-expandtext' attribute of the
 +
    *  collapsible element or the content of 'collapsible-expand' message.
 +
    * @param {boolean} [options.collapsed] Whether to collapse immediately. By default
 +
    *  collapse only if the elements has the 'mw-collapsible' class.
 +
    * @param {jQuery} [options.$customTogglers] Elements to be used as togglers
 +
    *  for this collapsible element. By default, if the collapsible element
 +
    *  has an id attribute like 'mw-customcollapsible-XXX', elements with a
 +
    *  *class* of 'mw-customtoggle-XXX' are made togglers for it.
 +
    * @param {boolean} [options.plainMode=false] Whether to use a "plain mode" when making the
 +
    *  element collapsible - that is, hide entire tables and lists (instead
 +
    *  of hiding only all rows but first of tables, and hiding each list
 +
    *  item separately for lists) and don't wrap other elements in
 +
    *  div.mw-collapsible-content. May only be used with custom togglers.
 +
    * @return {jQuery}
 +
    * @chainable
 +
    */
 +
  $.fn.makeCollapsible = function ( options ) {
 +
      if ( options === undefined ) {
 +
          options = {};
 +
      }
 +
 +
      return this.each( function () {
 +
          var $collapsible, collapseText, expandText, $caption, $toggle, actionHandler, buildDefaultToggleLink,
 +
              premadeToggleHandler, $toggleLink, $firstItem, collapsibleId, $customTogglers, firstval;
 +
 +
          // Ensure class "mw-collapsible" is present in case .makeCollapsible()
 +
          // is called on element(s) that don't have it yet.
 +
          $collapsible = $( this ).addClass( 'mw-collapsible' );
 +
 +
          // Return if it has been enabled already.
 +
          if ( $collapsible.data( 'mw-made-collapsible' ) ) {
 +
              return;
 +
          } else {
 +
              $collapsible.data( 'mw-made-collapsible', true );
 +
          }
 +
 +
          // Use custom text or default?
 +
          collapseText = options.collapseText || $collapsible.attr( 'data-collapsetext' ) || mw.msg( 'collapsible-collapse' );
 +
          expandText = options.expandText || $collapsible.attr( 'data-expandtext' ) || mw.msg( 'collapsible-expand' );
 +
 +
          // Default click/keypress handler and toggle link to use when none is present
 +
          actionHandler = function ( e, opts ) {
 +
              var defaultOpts = {
 +
                  toggleClasses: true,
 +
                  toggleText: { collapseText: collapseText, expandText: expandText }
 +
              };
 +
              opts = $.extend( defaultOpts, options, opts );
 +
              togglingHandler( $( this ), $collapsible, e, opts );
 +
          };
 +
          // Default toggle link. Only build it when needed to avoid jQuery memory leaks (event data).
 +
          buildDefaultToggleLink = function () {
 +
              return $( '<a href="#"></a>' )
 +
                  .text( collapseText )
 +
                  .wrap( '<span class="mw-collapsible-toggle"></span>' )
 +
                      .parent()
 +
                      .prepend( '&nbsp;[' )
 +
                      .append( ']&nbsp;' )
 +
                      .on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
 +
          };
 +
 +
          // Default handler for clicking on premade toggles
 +
          premadeToggleHandler = function ( e, opts ) {
 +
              var defaultOpts = { toggleClasses: true, linksPassthru: true };
 +
              opts = $.extend( defaultOpts, options, opts );
 +
              togglingHandler( $( this ), $collapsible, e, opts );
 +
          };
 +
 +
          // Check if this element has a custom position for the toggle link
 +
          // (ie. outside the container or deeper inside the tree)
 +
          if ( options.$customTogglers ) {
 +
              $customTogglers = $( options.$customTogglers );
 +
          } else {
 +
              collapsibleId = $collapsible.attr( 'id' ) || '';
 +
              if ( collapsibleId.indexOf( 'mw-customcollapsible-' ) === 0 ) {
 +
                  $customTogglers = $( '.' + collapsibleId.replace( 'mw-customcollapsible', 'mw-customtoggle' ) );
 +
              }
 +
          }
 +
 +
          // Add event handlers to custom togglers or create our own ones
 +
          if ( $customTogglers && $customTogglers.length ) {
 +
              actionHandler = function ( e, opts ) {
 +
                  var defaultOpts = {};
 +
                  opts = $.extend( defaultOpts, options, opts );
 +
                  togglingHandler( $( this ), $collapsible, e, opts );
 +
              };
 +
 +
              $toggleLink = $customTogglers;
 +
              $toggleLink.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
 +
 +
          } else {
 +
              // If this is not a custom case, do the default: wrap the
 +
              // contents and add the toggle link. Different elements are
 +
              // treated differently.
 +
              if ( $collapsible.is( 'table' ) ) {
 +
 +
                  // If the table has a caption, collapse to the caption
 +
                  // as opposed to the first row
 +
                  $caption = $collapsible.find( '> caption' );
 +
                  if ( $caption.length ) {
 +
                      $toggle = $caption.find( '> .mw-collapsible-toggle' );
 +
 +
                      // If there is no toggle link, add it to the end of the caption
 +
                      if ( !$toggle.length ) {
 +
                          $toggleLink = buildDefaultToggleLink().appendTo( $caption );
 +
                      } else {
 +
                          actionHandler = premadeToggleHandler;
 +
                          $toggleLink = $toggle.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
 +
                      }
 +
                  } else {
 +
                      // The toggle-link will be in one the the cells (td or th) of the first row
 +
                      $firstItem = $collapsible.find( 'tr:first th, tr:first td' );
 +
                      $toggle = $firstItem.find( '> .mw-collapsible-toggle' );
 +
 +
                      // If theres no toggle link, add it to the last cell
 +
                      if ( !$toggle.length ) {
 +
                          $toggleLink = buildDefaultToggleLink().prependTo( $firstItem.eq( -1 ) );
 +
                      } else {
 +
                          actionHandler = premadeToggleHandler;
 +
                          $toggleLink = $toggle.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
 +
                      }
 +
                  }
 +
 +
              } else if ( $collapsible.is( 'ul' ) || $collapsible.is( 'ol' ) ) {
 +
                  // The toggle-link will be in the first list-item
 +
                  $firstItem = $collapsible.find( 'li:first' );
 +
                  $toggle = $firstItem.find( '> .mw-collapsible-toggle' );
 +
 +
                  // If theres no toggle link, add it
 +
                  if ( !$toggle.length ) {
 +
                      // Make sure the numeral order doesn't get messed up, force the first (soon to be second) item
 +
                      // to be "1". Except if the value-attribute is already used.
 +
                      // If no value was set WebKit returns "", Mozilla returns '-1', others return 0, null or undefined.
 +
                      firstval = $firstItem.attr( 'value' );
 +
                      if ( firstval === undefined || !firstval || firstval === '-1' || firstval === -1 ) {
 +
                          $firstItem.attr( 'value', '1' );
 +
                      }
 +
                      $toggleLink = buildDefaultToggleLink();
 +
                      $toggleLink.wrap( '<li class="mw-collapsible-toggle-li"></li>' ).parent().prependTo( $collapsible );
 +
                  } else {
 +
                      actionHandler = premadeToggleHandler;
 +
                      $toggleLink = $toggle.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
 +
                  }
 +
 +
              } else { // <div>, <p> etc.
 +
 +
                  // The toggle-link will be the first child of the element
 +
                  $toggle = $collapsible.find( '> .mw-collapsible-toggle' );
 +
 +
                  // If a direct child .content-wrapper does not exists, create it
 +
                  if ( !$collapsible.find( '> .mw-collapsible-content' ).length ) {
 +
                      $collapsible.wrapInner( '<div class="mw-collapsible-content"></div>' );
 +
                  }
 +
 +
                  // If theres no toggle link, add it
 +
                  if ( !$toggle.length ) {
 +
                      $toggleLink = buildDefaultToggleLink().prependTo( $collapsible );
 +
                  } else {
 +
                      actionHandler = premadeToggleHandler;
 +
                      $toggleLink = $toggle.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
 +
                  }
 +
              }
 +
          }
 +
 +
          // Attributes for accessibility. This isn't necessary when the toggler is already
 +
          // an <a> or a <button> etc., but it doesn't hurt either, and it's consistent.
 +
          $toggleLink.prop( 'tabIndex', 0 );
 +
 +
          // Initial state
 +
          if ( options.collapsed || $collapsible.hasClass( 'mw-collapsed' ) ) {
 +
              // One toggler can hook to multiple elements, and one element can have
 +
              // multiple togglers. This is the sanest way to handle that.
 +
              actionHandler.call( $toggleLink.get( 0 ), null, { instantHide: true, wasCollapsed: false } );
 +
          }
 +
      } );
 +
  };
 +
 +
  /**
 +
    * @class jQuery
 +
    * @mixins jQuery.plugin.makeCollapsible
 +
    */
 +
 +
}( jQuery, mediaWiki ) );

Version du 30 avril 2014 à 08:49

/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
/** Grid/slide **/
// this needs to be unminified; MediaWiki automatically minifies all CSS and JS before
// serving it to users, so minifying it here just makes it nigh-unmaintainable

jQuery(function(){jQuery(".GridSlide").each(function(){jQuery("div.GridSlideChild:first",this).addClass("active").show()});setInterval(function(){jQuery(".GridSlide").each(function(){var b=jQuery("div.active",this),a=b.next();a.length<1&&(a=jQuery("div.GridSlideChild:first",this));b.removeClass("active").hide();a.addClass("active").show()})},2E3)});

jQuery(function(){jQuery("div.grid-input-slide").each(function(){jQuery("span.grid-input:first",this).addClass("active").show();jQuery("span.grid-input-numbers:first",this).addClass("active").show()});jQuery("div.grid-output-slide").each(function(){jQuery("span.grid-output:first",this).addClass("active").show();jQuery("span.grid-output-numbers:first",this).addClass("active").show()});setInterval(function(){jQuery("div.grid-input-slide").each(function(){var b=jQuery("span.grid-input.active",this),
a=b.next();if(a.length<1||!a.hasClass("grid-input"))a=jQuery("span.grid-input:first",this);b.removeClass("active").hide();a.addClass("active").show();b=jQuery("span.grid-input-numbers.active",this);a=b.next();a.length<1&&(a=jQuery("span.grid-input-numbers:first",this));b.removeClass("active").hide();a.addClass("active").show()});jQuery("div.grid-output-slide").each(function(){var b=jQuery("span.grid-output.active",this),a=b.next();if(a.length<1||!a.hasClass("grid-output"))a=jQuery("span.grid-output:first",
this);b.removeClass("active").hide();a.addClass("active").show();b=jQuery("span.grid-output-numbers.active",this);a=b.next();a.length<1&&(a=jQuery("span.grid-output-numbers:first",this));b.removeClass("active").hide();a.addClass("active").show()})},2E3)});



function MyWikiGetCookie(c_name)
{
	var i,x,y,ARRcookies=document.cookie.split(";");
	for (i=0;i<ARRcookies.length;i++)
	{
		x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
		y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
		x=x.replace(/^\s+|\s+$/g,"");
		if (x==c_name)
		{
			return unescape(y);
		}
	}
}
function MyWikiSetCookie(c_name,value,exdays)
{
	var exdate=new Date();
	exdate.setDate(exdate.getDate() + exdays);
	var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
	document.cookie=c_name + "=" + c_value;
}
var cookieIsOpen=MyWikiGetCookie("isMenuOpen");
if ((cookieIsOpen!=null && cookieIsOpen=="open") || window.location.pathname=="/wiki/index.php/Bienvenue_%C3%A0_la_biblioth%C3%A8que_publique_d%27Esperia")
{
	cookieIsOpen = true;
} else {
	cookieIsOpen = false;
}
  
$menuItems = $("#mw-panel").children(":not(:first)");
$navigationDiv = $("#mw-panel").children(":first").find("h5");
$("#mw-panel").children(":first").children(":not(:first)").hide();

if(!cookieIsOpen)$menuItems.hide();

var backgroundImage = "url(\"data:image/png;base64,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\")";

$content = $("#content");
if(!cookieIsOpen) {
	$content.css("margin-left", 0);
	$content.css("background-image", "url()");
}
$navigationDiv.css("padding-bottom", "4px");
$navigationDiv.css("background-image", backgroundImage);
$navigationDiv.css("background-position", "center bottom");
$navigationDiv.css("background-repeat", "repeat-x");

var open = "<span>  &#x25ba;</span>";
var close = "<span>  &#x25bc;</span>";
var $openCloseMenu;

if(cookieIsOpen) {
	$openCloseMenu = $(close);
} else {
	$openCloseMenu = $(open);
}


function openMenu() {
	$openCloseMenu.html(close);
	$menuItems.show();
	$content.css("margin-left", "10em");
	$content.css("background-image", backgroundImage);
	$navigationDiv.unbind('click');
	$navigationDiv.click(closeMenu);
	MyWikiSetCookie("isMenuOpen","open",3650);
}
function closeMenu() {
	$openCloseMenu.html(open);
	$menuItems.hide();
	$content.css("margin-left",0);
	$content.css("background-image", "url()");
	$navigationDiv.unbind('click');
	$navigationDiv.click(openMenu);
	MyWikiSetCookie("isMenuOpen","close",3650);
}
if(cookieIsOpen) {
	$navigationDiv.click(closeMenu);
} else {
	$navigationDiv.click(openMenu);
}
$navigationDiv.append($openCloseMenu);


/**
 * jQuery makeCollapsible
 *
 * Dual licensed:
 * - CC BY 3.0 <http://creativecommons.org/licenses/by/3.0>
 * - GPL2 <http://www.gnu.org/licenses/old-licenses/gpl-2.0.html>
 *
 * @class jQuery.plugin.makeCollapsible
 */
( function ( $, mw ) {
 
   /**
    * Handler for a click on a collapsible toggler.
    *
    * @private
    * @param {jQuery} $collapsible
    * @param {string} action The action this function will take ('expand' or 'collapse').
    * @param {jQuery|null} [$defaultToggle]
    * @param {Object|undefined} [options]
    */
   function toggleElement( $collapsible, action, $defaultToggle, options ) {
       var $collapsibleContent, $containers, hookCallback;
       options = options || {};
 
       // Validate parameters
 
       // $collapsible must be an instance of jQuery
       if ( !$collapsible.jquery ) {
           return;
       }
       if ( action !== 'expand' && action !== 'collapse' ) {
           // action must be string with 'expand' or 'collapse'
           return;
       }
       if ( $defaultToggle === undefined ) {
           $defaultToggle = null;
       }
       if ( $defaultToggle !== null && !$defaultToggle.jquery ) {
           // is optional (may be undefined), but if defined it must be an instance of jQuery.
           // If it's not, abort right away.
           // After this $defaultToggle is either null or a valid jQuery instance.
           return;
       }
 
       // Trigger a custom event to allow callers to hook to the collapsing/expanding,
       // allowing the module to be testable, and making it possible to
       // e.g. implement persistence via cookies
       $collapsible.trigger( action === 'expand' ? 'beforeExpand.mw-collapsible' : 'beforeCollapse.mw-collapsible' );
       hookCallback = function () {
           $collapsible.trigger( action === 'expand' ? 'afterExpand.mw-collapsible' : 'afterCollapse.mw-collapsible' );
       };
 
       // Handle different kinds of elements
 
       if ( !options.plainMode && $collapsible.is( 'table' ) ) {
           // Tables
           // If there is a caption, hide all rows; otherwise, only hide body rows
           if ( $collapsible.find( '> caption' ).length ) {
               $containers = $collapsible.find( '> * > tr' );
           } else {
               $containers = $collapsible.find( '> tbody > tr' );
           }
           if ( $defaultToggle ) {
               // Exclude table row containing togglelink
               $containers = $containers.not( $defaultToggle.closest( 'tr' ) );
           }
 
           if ( action === 'collapse' ) {
               // Hide all table rows of this table
               // Slide doesn't work with tables, but fade does as of jQuery 1.1.3
               // http://stackoverflow.com/questions/467336#920480
               if ( options.instantHide ) {
                   $containers.hide();
                   hookCallback();
               } else {
                   $containers.stop( true, true ).fadeOut().promise().done( hookCallback );
               }
           } else {
               $containers.stop( true, true ).fadeIn().promise().done( hookCallback );
           }
 
       } else if ( !options.plainMode && ( $collapsible.is( 'ul' ) || $collapsible.is( 'ol' ) ) ) {
           // Lists
           $containers = $collapsible.find( '> li' );
           if ( $defaultToggle ) {
               // Exclude list-item containing togglelink
               $containers = $containers.not( $defaultToggle.parent() );
           }
 
           if ( action === 'collapse' ) {
               if ( options.instantHide ) {
                   $containers.hide();
                   hookCallback();
               } else {
                   $containers.stop( true, true ).slideUp().promise().done( hookCallback );
               }
           } else {
               $containers.stop( true, true ).slideDown().promise().done( hookCallback );
           }
 
       } else {
           // Everything else: <div>, <p> etc.
           $collapsibleContent = $collapsible.find( '> .mw-collapsible-content' );
 
           // If a collapsible-content is defined, act on it
           if ( !options.plainMode && $collapsibleContent.length ) {
               if ( action === 'collapse' ) {
                   if ( options.instantHide ) {
                       $collapsibleContent.hide();
                       hookCallback();
                   } else {
                       $collapsibleContent.slideUp().promise().done( hookCallback );
                   }
               } else {
                   $collapsibleContent.slideDown().promise().done( hookCallback );
               }
 
           // Otherwise assume this is a customcollapse with a remote toggle
           // .. and there is no collapsible-content because the entire element should be toggled
           } else {
               if ( action === 'collapse' ) {
                   if ( options.instantHide ) {
                       $collapsible.hide();
                       hookCallback();
                   } else {
                       if ( $collapsible.is( 'tr' ) || $collapsible.is( 'td' ) || $collapsible.is( 'th' ) ) {
                           $collapsible.fadeOut().promise().done( hookCallback );
                       } else {
                           $collapsible.slideUp().promise().done( hookCallback );
                       }
                   }
               } else {
                   if ( $collapsible.is( 'tr' ) || $collapsible.is( 'td' ) || $collapsible.is( 'th' ) ) {
                       $collapsible.fadeIn().promise().done( hookCallback );
                   } else {
                       $collapsible.slideDown().promise().done( hookCallback );
                   }
               }
           }
       }
   }
 
   /**
    * Handle clicking/keypressing on the collapsible element toggle and other
    * situations where a collapsible element is toggled (e.g. the initial
    * toggle for collapsed ones).
    *
    * @private
    * @param {jQuery} $toggle the clickable toggle itself
    * @param {jQuery} $collapsible the collapsible element
    * @param {jQuery.Event|null} e either the event or null if unavailable
    * @param {Object|undefined} options
    */
   function togglingHandler( $toggle, $collapsible, e, options ) {
       var wasCollapsed, $textContainer, collapseText, expandText;
 
       if ( options === undefined ) {
           options = {};
       }
 
       if ( e ) {
           if ( e.type === 'click' && options.linksPassthru && $.nodeName( e.target, 'a' ) ) {
               // Don't fire if a link was clicked, if requested  (for premade togglers by default)
               return;
           } else if ( e.type === 'keypress' && e.which !== 13 && e.which !== 32 ) {
               // Only handle keypresses on the "Enter" or "Space" keys
               return;
           } else {
               e.preventDefault();
               e.stopPropagation();
           }
       }
 
       // This allows the element to be hidden on initial toggle without fiddling with the class
       if ( options.wasCollapsed !== undefined ) {
           wasCollapsed = options.wasCollapsed;
       } else {
           wasCollapsed = $collapsible.hasClass( 'mw-collapsed' );
       }
 
       // Toggle the state of the collapsible element (that is, expand or collapse)
       $collapsible.toggleClass( 'mw-collapsed', !wasCollapsed );
 
       // Toggle the mw-collapsible-toggle classes, if requested (for default and premade togglers by default)
       if ( options.toggleClasses ) {
           $toggle
               .toggleClass( 'mw-collapsible-toggle-collapsed', !wasCollapsed )
               .toggleClass( 'mw-collapsible-toggle-expanded', wasCollapsed );
       }
 
       // Toggle the text ("Show"/"Hide"), if requested (for default togglers by default)
       if ( options.toggleText ) {
           collapseText = options.toggleText.collapseText;
           expandText = options.toggleText.expandText;
 
           $textContainer = $toggle.find( '> a' );
           if ( !$textContainer.length ) {
               $textContainer = $toggle;
           }
           $textContainer.text( wasCollapsed ? collapseText : expandText );
       }
 
       // And finally toggle the element state itself
       toggleElement( $collapsible, wasCollapsed ? 'expand' : 'collapse', $toggle, options );
   }
 
   /**
    * Enable collapsible-functionality on all elements in the collection.
    *
    * - Will prevent binding twice to the same element.
    * - Initial state is expanded by default, this can be overriden by adding class
    *   "mw-collapsed" to the "mw-collapsible" element.
    * - Elements made collapsible have jQuery data "mw-made-collapsible" set to true.
    * - The inner content is wrapped in a "div.mw-collapsible-content" (except for tables and lists).
    *
    * @param {Object} [options]
    * @param {string} [options.collapseText] Text used for the toggler, when clicking it would
    *   collapse the element. Default: the 'data-collapsetext' attribute of the
    *   collapsible element or the content of 'collapsible-collapse' message.
    * @param {string} [options.expandText] Text used for the toggler, when clicking it would
    *   expand the element. Default: the 'data-expandtext' attribute of the
    *   collapsible element or the content of 'collapsible-expand' message.
    * @param {boolean} [options.collapsed] Whether to collapse immediately. By default
    *   collapse only if the elements has the 'mw-collapsible' class.
    * @param {jQuery} [options.$customTogglers] Elements to be used as togglers
    *   for this collapsible element. By default, if the collapsible element
    *   has an id attribute like 'mw-customcollapsible-XXX', elements with a
    *   *class* of 'mw-customtoggle-XXX' are made togglers for it.
    * @param {boolean} [options.plainMode=false] Whether to use a "plain mode" when making the
    *   element collapsible - that is, hide entire tables and lists (instead
    *   of hiding only all rows but first of tables, and hiding each list
    *   item separately for lists) and don't wrap other elements in
    *   div.mw-collapsible-content. May only be used with custom togglers.
    * @return {jQuery}
    * @chainable
    */
   $.fn.makeCollapsible = function ( options ) {
       if ( options === undefined ) {
           options = {};
       }
 
       return this.each( function () {
           var $collapsible, collapseText, expandText, $caption, $toggle, actionHandler, buildDefaultToggleLink,
               premadeToggleHandler, $toggleLink, $firstItem, collapsibleId, $customTogglers, firstval;
 
           // Ensure class "mw-collapsible" is present in case .makeCollapsible()
           // is called on element(s) that don't have it yet.
           $collapsible = $( this ).addClass( 'mw-collapsible' );
 
           // Return if it has been enabled already.
           if ( $collapsible.data( 'mw-made-collapsible' ) ) {
               return;
           } else {
               $collapsible.data( 'mw-made-collapsible', true );
           }
 
           // Use custom text or default?
           collapseText = options.collapseText || $collapsible.attr( 'data-collapsetext' ) || mw.msg( 'collapsible-collapse' );
           expandText = options.expandText || $collapsible.attr( 'data-expandtext' ) || mw.msg( 'collapsible-expand' );
 
           // Default click/keypress handler and toggle link to use when none is present
           actionHandler = function ( e, opts ) {
               var defaultOpts = {
                   toggleClasses: true,
                   toggleText: { collapseText: collapseText, expandText: expandText }
               };
               opts = $.extend( defaultOpts, options, opts );
               togglingHandler( $( this ), $collapsible, e, opts );
           };
           // Default toggle link. Only build it when needed to avoid jQuery memory leaks (event data).
           buildDefaultToggleLink = function () {
               return $( '<a href="#"></a>' )
                   .text( collapseText )
                   .wrap( '<span class="mw-collapsible-toggle"></span>' )
                       .parent()
                       .prepend( '&nbsp;[' )
                       .append( ']&nbsp;' )
                       .on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
           };
 
           // Default handler for clicking on premade toggles
           premadeToggleHandler = function ( e, opts ) {
               var defaultOpts = { toggleClasses: true, linksPassthru: true };
               opts = $.extend( defaultOpts, options, opts );
               togglingHandler( $( this ), $collapsible, e, opts );
           };
 
           // Check if this element has a custom position for the toggle link
           // (ie. outside the container or deeper inside the tree)
           if ( options.$customTogglers ) {
               $customTogglers = $( options.$customTogglers );
           } else {
               collapsibleId = $collapsible.attr( 'id' ) || '';
               if ( collapsibleId.indexOf( 'mw-customcollapsible-' ) === 0 ) {
                   $customTogglers = $( '.' + collapsibleId.replace( 'mw-customcollapsible', 'mw-customtoggle' ) );
               }
           }
 
           // Add event handlers to custom togglers or create our own ones
           if ( $customTogglers && $customTogglers.length ) {
               actionHandler = function ( e, opts ) {
                   var defaultOpts = {};
                   opts = $.extend( defaultOpts, options, opts );
                   togglingHandler( $( this ), $collapsible, e, opts );
               };
 
               $toggleLink = $customTogglers;
               $toggleLink.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
 
           } else {
               // If this is not a custom case, do the default: wrap the
               // contents and add the toggle link. Different elements are
               // treated differently.
               if ( $collapsible.is( 'table' ) ) {
 
                   // If the table has a caption, collapse to the caption
                   // as opposed to the first row
                   $caption = $collapsible.find( '> caption' );
                   if ( $caption.length ) {
                       $toggle = $caption.find( '> .mw-collapsible-toggle' );
 
                       // If there is no toggle link, add it to the end of the caption
                       if ( !$toggle.length ) {
                           $toggleLink = buildDefaultToggleLink().appendTo( $caption );
                       } else {
                           actionHandler = premadeToggleHandler;
                           $toggleLink = $toggle.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
                       }
                   } else {
                       // The toggle-link will be in one the the cells (td or th) of the first row
                       $firstItem = $collapsible.find( 'tr:first th, tr:first td' );
                       $toggle = $firstItem.find( '> .mw-collapsible-toggle' );
 
                       // If theres no toggle link, add it to the last cell
                       if ( !$toggle.length ) {
                           $toggleLink = buildDefaultToggleLink().prependTo( $firstItem.eq( -1 ) );
                       } else {
                           actionHandler = premadeToggleHandler;
                           $toggleLink = $toggle.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
                       }
                   }
 
               } else if ( $collapsible.is( 'ul' ) || $collapsible.is( 'ol' ) ) {
                   // The toggle-link will be in the first list-item
                   $firstItem = $collapsible.find( 'li:first' );
                   $toggle = $firstItem.find( '> .mw-collapsible-toggle' );
 
                   // If theres no toggle link, add it
                   if ( !$toggle.length ) {
                       // Make sure the numeral order doesn't get messed up, force the first (soon to be second) item
                       // to be "1". Except if the value-attribute is already used.
                       // If no value was set WebKit returns "", Mozilla returns '-1', others return 0, null or undefined.
                       firstval = $firstItem.attr( 'value' );
                       if ( firstval === undefined || !firstval || firstval === '-1' || firstval === -1 ) {
                           $firstItem.attr( 'value', '1' );
                       }
                       $toggleLink = buildDefaultToggleLink();
                       $toggleLink.wrap( '<li class="mw-collapsible-toggle-li"></li>' ).parent().prependTo( $collapsible );
                   } else {
                       actionHandler = premadeToggleHandler;
                       $toggleLink = $toggle.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
                   }
 
               } else { // <div>, <p> etc.
 
                   // The toggle-link will be the first child of the element
                   $toggle = $collapsible.find( '> .mw-collapsible-toggle' );
 
                   // If a direct child .content-wrapper does not exists, create it
                   if ( !$collapsible.find( '> .mw-collapsible-content' ).length ) {
                       $collapsible.wrapInner( '<div class="mw-collapsible-content"></div>' );
                   }
 
                   // If theres no toggle link, add it
                   if ( !$toggle.length ) {
                       $toggleLink = buildDefaultToggleLink().prependTo( $collapsible );
                   } else {
                       actionHandler = premadeToggleHandler;
                       $toggleLink = $toggle.on( 'click.mw-collapsible keypress.mw-collapsible', actionHandler );
                   }
               }
           }
 
           // Attributes for accessibility. This isn't necessary when the toggler is already
           // an <a> or a <button> etc., but it doesn't hurt either, and it's consistent.
           $toggleLink.prop( 'tabIndex', 0 );
 
           // Initial state
           if ( options.collapsed || $collapsible.hasClass( 'mw-collapsed' ) ) {
               // One toggler can hook to multiple elements, and one element can have
               // multiple togglers. This is the sanest way to handle that.
               actionHandler.call( $toggleLink.get( 0 ), null, { instantHide: true, wasCollapsed: false } );
           }
       } );
   };
 
   /**
    * @class jQuery
    * @mixins jQuery.plugin.makeCollapsible
    */
 
}( jQuery, mediaWiki ) );
Récupérée de « https://www.esperia-rp.net/wiki/index.php?title=MediaWiki:Common.js&oldid=42279 »