MediaWiki:Common.js : Différence entre versions

De Wiki'speria
Aller à : navigation, rechercher
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 );
 
−
  }
 

Version du 5 mai 2014 à 21:04

/* 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);
Récupérée de « https://www.esperia-rp.net/wiki/index.php?title=MediaWiki:Common.js&oldid=42659 »