« MediaWiki:Common.js » : différence entre les versions

De Encyclopédie-de-L'AFN_1830-1962
mAucun résumé des modifications
mAucun résumé des modifications
 
(4 versions intermédiaires par le même utilisateur non affichées)
Ligne 53 : Ligne 53 :




// === External OOUI Dialog - Déplaçable et redimensionnable ===
// Ouvrir certains liens de la sidebar en petite fenêtre
if (typeof window.openExtDialog === 'undefined') {
$(document).ready(function() {
 
     // Change "popup-small" par le nom que tu veux
    // Création du WindowManager une seule fois
     $('a[href*="popup-small"]').on('click', function(e) {
    window.extDialogWM = new OO.ui.WindowManager();
         e.preventDefault();
    $(document.body).append(window.extDialogWM.$element);
       
 
         var url = $(this).attr('href');
    function ExternalIframeDialog(config) {
         var width = 650;
        ExternalIframeDialog.super.call(this, config);
        var height = 550;
     }
       
     OO.inheritClass(ExternalIframeDialog, OO.ui.Dialog);
        var left = (screen.width - width) / 2;
 
         var top = (screen.height - height) / 2;
    ExternalIframeDialog.static.name = 'externalIframeDialog';
       
 
        window.open(
    ExternalIframeDialog.prototype.initialize = function () {
            url,
         ExternalIframeDialog.super.prototype.initialize.call(this);
            'fenetre_popup',
 
            'width=' + width +
         this.iframe = $('<iframe>')
            ',height=' + height +
            .attr({ frameborder: 0, allowfullscreen: true })
            ',top=' + top +
            .css({ width: '100%', height: '100%', border: 'none' });
             ',left=' + left +
 
             ',resizable=yes,scrollbars=yes,toolbar=no,menubar=no,status=no,directories=no'
         this.$body.append(this.iframe);
        );
    };
    });
 
});
    ExternalIframeDialog.prototype.getBodyHeight = function () {
         return this.config.height || 700;
    };
 
    // Fonction globale accessible partout
    window.openExtDialog = function (url, title = 'Page externe', width = 1100, height = 750) {
        mw.loader.using('oojs-ui-core').done(function () {
             var dialog = new ExternalIframeDialog({ size: 'large' });
 
            dialog.setTitle(title);
             dialog.iframe.attr('src', url);
 
            window.extDialogWM.addWindows([dialog]);
            window.extDialogWM.openWindow(dialog, {
                width: width,
                height: height
            });
 
            // Rendre la fenêtre déplaçable
            setTimeout(function () {
                dialog.$element.draggable({
                    handle: '.oo-ui-window-head',
                    containment: 'window'
                });
            }, 500);
        });
    };
}

Dernière version du 9 mai 2026 à 20:38

/* Cette fonction ajoute un "onclick" sur chaque titre, qui lancera un appel à toogleTitle() lors d'un clic sur ceux ci */
/*
function ImplementToogleOnclick() {

   for( var titleLevel = 1 ; titleLevel < 7 ; titleLevel++) {
      var titleList = document.getElementsByTagName('h' + titleLevel)
      var nb = titleList.length
      for( var b = 0 ; b < nb ; b++) {
          titleList[b].setAttribute('onclick', "toogleTitle(this)");
      }
   }
}
addOnloadHook(ImplementToogleOnclick)
*/
/* Cette fonction, quand invoquée, fait disparaitre ou réaparaitre le contenu placé sous un titre jusqu'au prochain titre de niveau egal ou supérieur
(= un h3 s'arrete au prochain h2 ou h3 mais continuera s'il rencontre un h4 ou h5) */
/*
function toogleTitle(p_this) {
  var p_niveau = p_this.nodeName.substring(1,2) //le 1 de h1 (ou 2 de h2, etc.)

  //construction de l'expression reguliere permettant le trouver le prochain titre de niveau égal ou supérieur
  var stopMatch = "(h1"
  for(var a = 2 ; a <= p_niveau ; a++)  {
    stopMatch += "|h"+a
  }
  stopMatch += ")"
  reg = new RegExp(stopMatch, "i" )

  //on ajoute une classe (neko_toogle_cache) au titre pour savoir s'il est en mode replié
  if( p_this.className != "neko_toogle_cache") { //il faut  replier
     p_this.className = "neko_toogle_cache"
     var display_to_put = "none"
  } else { //il faut faire déplier
     p_this.className = ""
     var display_to_put = "block"
  }

  var nextSiblingNode = p_this.nextSibling

  while( nextSiblingNode ) {
     if(  nextSiblingNode.nodeName.match(reg) ) break; //on a atteint le titre "bloquant" suivant = stop

     if( nextSiblingNode.style) { //certains nodes sont des nodes texte et n'ont pas de style.
        nextSiblingNode.style.display = display_to_put
        if( nextSiblingNode.className = "neko_toogle_cache") nextSiblingNode.className = "" // x
     }
     nextSiblingNode = nextSiblingNode.nextSibling //on passe au voisin suivant
  }
}
*/


// Ouvrir certains liens de la sidebar en petite fenêtre
$(document).ready(function() {
    // Change "popup-small" par le nom que tu veux
    $('a[href*="popup-small"]').on('click', function(e) {
        e.preventDefault();
        
        var url = $(this).attr('href');
        var width = 650;
        var height = 550;
        
        var left = (screen.width - width) / 2;
        var top = (screen.height - height) / 2;
        
        window.open(
            url,
            'fenetre_popup',
            'width=' + width + 
            ',height=' + height + 
            ',top=' + top + 
            ',left=' + left + 
            ',resizable=yes,scrollbars=yes,toolbar=no,menubar=no,status=no,directories=no'
        );
    });
});