Subversion Repositories wimsdev

/*

 * Classe parente pour blocs "Essaim"

 * Un essaim est un ensemble d'instructions sous forme de bloc

 * qui interagit avec la partie "énoncé" et avec la partie "analyse"

 * Il faut faire dériver un essaim spécifique comme dans l'essaim "QCM"

 */

Essaim = function(num)

{

    //--------- ATTRIBUTS ---------//

    this.nom = "Essaim"+num;    // nom de cet essaim

    this.numero = num;          // numéro de cet essaim parmi les essaims de l'exercice

    this.proto = "Essaim";      // nature de la classe parente

};

Essaim.prototype.nomAffiche = "Essaim";  // nom affiché dans le menu

Essaim.prototype.proto = "Essaim"; // nature de la classe parente

Essaim.prototype.imageEnonce = "images_essaims/essaimVirtuel.png"; // image à insérer dans l'énoncé

Essaim.prototype.gereReponse = true; // drapeau, si "true", gère une réponse dans l'analyse

Essaim.prototype.aUneAide = false;   // drapeau, si "true" gère une aide dans le bloc préparation

Essaim.prototype.estUnEssaim = true; // drapeau pour retrouver plus facilement les essaims dans la liste ordonnée de blocs préparation.

Essaim.prototype.zNodesAide = [];        // titres des noeuds de l'arbre d'aide (zTree)

Essaim.prototype.elementsAide = [];  // contenu des aides

Essaim.prototype.idMenusDeroulants = []; // id des menus déroulants, dans l'ordre de fabrication. C'est au programmeur de savoir à quel bouton correspondent ces menus (par exemple, this.idMenusDeroulants[0] correspond au menu des composants dans un éditeur).

Essaim.nbMenuDeroul = 0;    // VARIABLE STATIQUE, nbre de menus deroulants dans chaque essaim de ce type

                            // ils peuvent être utilisés par exemple pour une liste de composants

Essaim.classeItemMenuDeroul = [];  // VARIABLE STATIQUE, classes des items des menus déroulants

    //--------- METHODES ----------//

Essaim.prototype.initBloc = function()

/*

 * Initialisation d'un bloc Essaim.

 * crée le bloc vide dans l'onglet préparation.

 * crée les boutons de suppression/déplacement/...

 */

{

 var bloc_pere = document.getElementById("Rid_Prep_Blocs");

 var liste = document.createElement("LI");

 liste.id = "RidPrBloc_"+this.nom;

 liste.className = "Rcl_Bloc_Essaim Rcl_Bloc";

 var posDrag = document.createAttribute("posdrag");

 posDrag.value=0;

 bloc_pere.setAttributeNode(posDrag);

 /* début des modifs pour le drap and drop */

 liste.draggable = true;

 var posDrag=0;

    liste.addEventListener('dragstart', function(e) {

        if(bloc_pere.getAttribute("posdrag")==0){

                    bloc_pere.setAttribute("posdrag",""+e.clientY);

                }

        e.dataTransfer.setData('text/plain', liste.id);

        e.dataTransfer.setDragImage(dragImg, 40, 40); // Une position de 40x40 pixels centrera l'image (de 80x80 pixels) sous le curseur

    });

    var dragImg = new Image(); // On précharge l'image

    dragImg.src = 'drag_img.png';

    //On gère la réception

    liste.addEventListener('dragover', function(e) {

        e.preventDefault(); // Annule l'interdiction de drop

        if(e!=this)

            {

                if(bloc_pere.getAttribute("posdrag")<e.clientY)

        {

            this.style.borderBottom="2px dotted red";

        }

        else

        {

            this.style.borderTop="2px dotted red";

        }

            }

        console.log('Un élément survole la zone');

    });

    // On gère le changement d'apparence entre les deux fonctions. 

    liste.addEventListener('dragenter', function(e) {

         //Lorsqu'on entre dans la zone de drop

         console.log('Entrée dans zone !');

     });

    liste.addEventListener('dragleave', function(e) {

         //Lorsqu'on sort d'une zone de drop.

        this.style.borderBottom="";      

        this.style.borderTop="";

        console.log('Sortie de zone');

     });

   liste.addEventListener('drop', function(e) {

        /*Cette fonction sert à décrire ce qui se passera pour le bloc ciblé ce qui se passera lorsqu'on lachera un objet droppable sur lui */

        this.style.borderBottom="";      

        this.style.borderTop="";

       if(bloc_pere.getAttribute("posdrag")!=""+0){

            bloc_pere.setAttribute("posdrag",0);

        }

        var nomZoneIn=" "; //on va récupérer l'id du bloc reçu. 

        nomZoneIn=e.dataTransfer.getData('text/plain'); // Affiche le contenu du type MIME « text/plain »

        console.log('Données reçu : ' + nomZoneIn);

        //Maintenant nous allons faire en sorte de changer de place le bloc si on passe sur le bloc avant ou après lui

        var id_drop = document.querySelector('#'+nomZoneIn);

        //var li = buttonHaut.parentNode.parentNode;

        // On va gérer le précédent

        var previous = id_drop.previousElementSibling;//l'élément précédent le bloc droppé

        var next = id_drop.nextElementSibling;//l'élément suivant le bloc droppé

       var lgNext= Essaim.prototype.trouverSuivant(id_drop,this); //Permet de donner à cb de cases se trouve le bloc ciblé wxc

        var lgPrev=0;

        console.log('Oui, vous avez bien entendu, '+lgNext+' blocs plus loin')

        var lgPrev= Essaim.prototype.trouverPrecedent(id_drop,this);

        //var actu= id_drop;

        if(lgNext>0)

        {

            console.log("Et ca, ca permet d'entrer dans la fonction de déplacement du suivant");

            for (var i = 0; i < lgNext; i++) { //on fait faire au bloc droppé lgNext descentes vers le bas.

                if(next){

                    next = next.nextElementSibling;

                    console.log('Un bloc suivant a été trouvé ! Changement...');

                    id_drop.parentNode.insertBefore(id_drop, next);

                    var nom = id_drop.id.slice("RidPrBloc_".length,id_drop.id.length);

                    var ind = rucheSys.rechercheIndice(nom,rucheSys.listeBlocPrepa);

                    var temp = rucheSys.listeBlocPrepa[ind];

                    rucheSys.listeBlocPrepa[ind] = rucheSys.listeBlocPrepa[ind+1];

                    rucheSys.listeBlocPrepa[ind+1] = temp;

                }

                else

                {

                    console.log("Fin du next");

                }

                //On change visuellement la place. 

                }

            }

        if (lgPrev) {

            for(var j=0; j< lgPrev;j++)

            {

             if (previous) {

                    console.log('Un bloc precedent a été trouvé ! Changement...');

                    id_drop.parentNode.insertBefore(id_drop, previous);

                    var nom = id_drop.id.slice("RidPrBloc_".length,id_drop.id.length);

                    var ind = rucheSys.rechercheIndice(nom,rucheSys.listeBlocPrepa);

                    var temp = rucheSys.listeBlocPrepa[ind];

                    rucheSys.listeBlocPrepa[ind] = rucheSys.listeBlocPrepa[ind-1];

                    rucheSys.listeBlocPrepa[ind-1] = temp;

                    previous = id_drop.previousElementSibling;

                }

                else

                {

                    console.log('Pas de précédent, désolé !');

                }

            }

        }

        else

        {

            console.log('Ni suivant, ne précédent !***********************');

        }

            console.log(this.id);

        });

    this.divBloc = document.createElement("DIV");

    this.divBloc.className = "Rcl_Bloc_Interne";

    /* Bouton de suppression */

    var buttonSuppr = document.createElement('button');

    buttonSuppr.id = "Rid_Button_Delete_" + this.nom;

    buttonSuppr.className = "Rcl_Button_Delete";

    buttonSuppr.onclick = function(){

      // supprime le bloc, ainsi que toute trace dans le tableau

        var n = liste.id.slice("RidPrBloc_".length,liste.id.length); //n est le nom+numero (Essaimxxx) de l'essaim

        var indEssaimCible = rucheSys.rechercheIndice(n,rucheSys.listeBlocPrepa);

//        rucheSys.supprInstruction(n,rucheSys.listeBlocPrepa);

        Essaim.prototype.detruitBloc.call(rucheSys.listeBlocPrepa[indEssaimCible]);

    }

    // Bouton pour diminuer / agrandir la fenêtre

    var buttonWindow = document.createElement('button');

    buttonWindow.id ="Rid_Button_MiniMaxi_"+this.nom;

    buttonWindow.className = "Rcl_Button_Minimize";

    buttonWindow.addEventListener('click', function (event)

    {

        if (buttonWindow.className == "Rcl_Button_Minimize")

        {

            buttonWindow.className = "";

            buttonWindow.className = "Rcl_Button_Maximize";

            buttonWindow.parentNode.parentNode.className = "Rcl_Bloc_Essaim Rcl_Closed";

        }

        else

        {

            buttonWindow.className = "";

            buttonWindow.className = "Rcl_Button_Minimize";

            buttonWindow.parentNode.parentNode.className = "";

            buttonWindow.parentNode.parentNode.className = "Rcl_Bloc_Essaim Rcl_Bloc";

        };

    },

    true);

    /* Bouton de deplacement vers le haut*/

    var buttonHaut = document.createElement('button');

    buttonHaut.id = "Rid_Button_Up_"+this.nom;

    buttonHaut.className = "Rcl_Move_Up_Arrow";

    buttonHaut.addEventListener('click', function (event)

    {

        var li = buttonHaut.parentNode.parentNode;

        var previous = li.previousElementSibling;

        if (previous) {

            li.parentNode.insertBefore(li, previous);

            var nom = li.id.slice("RidPrBloc_".length,li.id.length);

            var ind = rucheSys.rechercheIndice(nom,rucheSys.listeBlocPrepa);

            var temp = rucheSys.listeBlocPrepa[ind];

            rucheSys.listeBlocPrepa[ind] = rucheSys.listeBlocPrepa[ind-1];

            rucheSys.listeBlocPrepa[ind-1] = temp;

        }

    },

    true);

    /* Bouton de deplacement vers le bas*/

    var buttonBas = document.createElement('button');

    buttonBas.id = "Rid_Button_Down_"+this.nom;

    buttonBas.className = "Rcl_Move_Down_Arrow";

    buttonBas.addEventListener('click', function (event) {

        var li = buttonBas.parentNode.parentNode;

        var next = li.nextElementSibling;

        if (next) {

            next = next.nextElementSibling;

            var nom = li.id.slice("RidPrBloc_".length,li.id.length);

            var ind = rucheSys.rechercheIndice(nom,rucheSys.listeBlocPrepa);

            var temp = rucheSys.listeBlocPrepa[ind];

            rucheSys.listeBlocPrepa[ind] = rucheSys.listeBlocPrepa[ind+1];

            rucheSys.listeBlocPrepa[ind+1] = temp;

        }

        li.parentNode.insertBefore(li, next);

    },

    true);

    /* Bouton d'aide */

    if (this.aUneAide==true) {

        var buttonAide = document.createElement('button');

        buttonAide.id = "aide"+this.nom;

        buttonAide.className = "Rcl_Button_Help_Close";

        buttonAide.addEventListener('click', function (event)

        {

            var divAideNom = buttonAide.id.slice("aide".length,buttonAide.id.length);

            if (buttonAide.className == "Rcl_Button_Help_Open") {

                buttonAide.className = "";

                buttonAide.className = "Rcl_Button_Help_Close";

                $("#divAide"+divAideNom).toggleClass("Rcl_Help_Closed",true);

    //            buttonAide.parentNode.parentNode.className = "Rcl_Bloc_Essaim Rcl_Bloc closed";

            }

            else

            {

                buttonAide.className = "";

                buttonAide.className = "Rcl_Button_Help_Open";

                $("#divAide"+divAideNom).toggleClass("Rcl_Help_Closed",false);

    //            buttonAide.parentNode.parentNode.className = "";

    //            buttonAide.parentNode.parentNode.className = "Rcl_Bloc_Essaim Rcl_Bloc";

            }

        },

        true);

    }

    // Fabrication du contenu du bloc

    this.divBloc.appendChild(buttonSuppr);

    this.divBloc.appendChild(buttonWindow);

    this.divBloc.appendChild(buttonHaut);

    this.divBloc.appendChild(buttonBas);

    if (this.aUneAide==true) {

        this.divBloc.appendChild(buttonAide);

    }

    liste.appendChild(this.divBloc);

    if (this.aUneAide==true) {

        liste.appendChild(this.aideInit());

    }

    bloc_pere.appendChild(liste);

    if (this.aUneAide==true) {

        this.aideMenuInit();

    }

}

Essaim.prototype.aideInit = function()

/*

 * Construction de la partie "aide" du bloc essaim.

 * Cette aide vient normalement en dernière position, après les éléments

 * du bloc. Mais les classes filles peuvent mettre l'aide

 * où bon leur semble. Voir exemple dans l'essaim "Dessinflydraw".

 * sortie :     - element DIV contenant l'aide

 */

{

    var divAide = $("<div>", {

                    id: "divAide"+this.nom,

                    class: "Rcl_Help_Essaim Rcl_Help_Closed"

                    });

    divAide.css("overflow","hidden");   // pour empêcher les éléments flottants

                                        // (le menu) de dépasser du div

    return divAide[0];

}

Essaim.prototype.aideMenuInit = function(zNodes,elementsAide)

/*

 * Construction de la liste (menu) des éléments d'aide.

 * Utilisation du plugin jquery zTree : http://www.ztree.me/

 * parametre(s) :       - zNodes : liste des noeuds cliquables (objet JSON).

 *                                      leur id doivent être dans l'ordre 1,2,..N

 *                      - elementsAide : tableau des chaines (html) contenant les aides.

 *                                      l'ordre est le même que les noeuds zNodes

 *                                      (l'id du noeud est l'indice de l'aide dans le tableau

 */

{

    // Initialisation des paramètres du menu zTree

    var curMenu = null, zTree_Menu = null;

    var settings = {

    view: {

                                showLine: false,

                                showIcon: false,

                                selectedMulti: false,

                                dblClickExpand: false,

                                addDiyDom: this.aideAddDiyDom

    },

    data: {

                                simpleData: {

                enable: true

                }

    },

    callback: {

                                beforeClick: this.aidePreClickMenu,

                onClick:this.aideClickMenu

    }

    };

    // Si pas de liste en entrée, fabrique une liste de test

    if (typeof zNodes =='undefined')

    {

        zNodes = [

                  {idAide:1, id:1, pId:0, name:"Première instance", open: true},

                  {idAide:2, id:2, pId:1, name:"Deuxième aide"},

                  {idAide:3, id:3, pId:1, name:"Lumière dans la nuit"},

                  {idAide:4, id:4, pId:3, name:"Tilt !!!!"},

                  {idAide:5, id:5, pId:3, name:"Et nous ?"},

                  {idAide:6, id:6, pId:5, name:"Fonction f( .. )"},

                  {idAide:7, id:7, pId:1, name:"Fin..."},

                  {idAide:8, id:8, pId:1, name:"Fin 2..."},

                  {idAide:9, id:9, pId:1, name:"Fin 3..."},

                  {idAide:10, id:10, pId:1, name:"Et puis zut, pas la fin !"},

                  {idAide:11, id:11, pId:1, name:"shuffle( .. )"},

                  {idAide:12, id:12, pId:1, name:"random()"},

        ];

    }

    this.zNodesAide = zNodes;

    if (typeof elementsAide=='undefined')

    {

        this.elementsAide = [];

        for (var i=0; i<zNodes.length; i++)

        {

            var chaineAide = "<div class=\"Rcl_Help_Title\"> Aide sur "+zNodes[i].name+"</div>";

            chaineAide += "<div>Test d'aide, l'identificateur de l'item est : "+zNodes[i].id+"</div>";

            chaineAide += "<div>Test d'aide, l'identificateur du parent de l'item est : "+zNodes[i].pId+"</div>";

            this.elementsAide.push(chaineAide);

        }

    }

    else

    {

        this.elementsAide = elementsAide;

    }

    // Fabrication du menu zTree

    var treeObj = $("<ul>", {

                    id: "aideMenu"+this.nom,

                    class: "ztree"

                    });

    var divAide = $("#divAide"+this.nom);

    divAide.prepend(treeObj);

    $.fn.zTree.init(treeObj, settings, this.zNodesAide);

    zTree_Menu = $.fn.zTree.getZTreeObj("aideMenu"+this.nom);

    curMenu = zTree_Menu.getNodes()[0];

    zTree_Menu.selectNode(curMenu);

    treeObj.hover(function () {

        if (!treeObj.hasClass("showIcon")) {

            treeObj.addClass("showIcon");

        }

    }, function() {

        treeObj.removeClass("showIcon");

    });

    // Affichage du premier élément

    divAide.append(this.elementsAide[0]);

}

Essaim.prototype.aideAddDiyDom = function(treeId, treeNode)

/*

 * Fonction de callback "addDiyDom" du menu zTree

 * Utilisation du plugin jquery zTree : http://www.ztree.me/

 * Personalisation de l'apparence du noeud de menu zTree

 * parametre(s) :       - treeId : id du menu zTree

 *                      - treeNode : noeud du menu

 */

{

    var spaceWidth = 20; // ajoute des espaces à chaque niveau si le noeud n'est pas de niveau 0

    var switchObj = $("#" + treeNode.tId + "_switch"), icoObj = $("#" + treeNode.tId + "_ico");

    switchObj.remove();

    icoObj.before(switchObj);

    if (treeNode.level > 0) {

        var spaceStr = "<span style='display: inline-block;width:" + (spaceWidth * treeNode.level)+ "px'></span>";

        switchObj.before(spaceStr);

    }

}

Essaim.prototype.aidePreClickMenu = function(treeId, treeNode)

/*

 * Fonction de callback "beforeClick" du menu zTree

 * Utilisation du plugin jquery zTree : http://www.ztree.me/

 * Extension des menus de niveau inférieur à 0 si on clique SUR L'ITEM

 * et pas seulement sur le triangle

 * parametre(s) :       - treeId : id du menu zTree

 *                      - treeNode : noeud du menu

 */

{

    if (treeNode.level == 0 ) {

        var zTree = $.fn.zTree.getZTreeObj(treeId);

        zTree.expandNode(treeNode);

    }

    return true;

}

Essaim.prototype.aideClickMenu = function(event, treeId, treeNode, clickFlag)

/*

 * Fonction de callback "onClick" du menu zTree

 * Utilisation du plugin jquery zTree : http://www.ztree.me/

 * Affiche l'aide si clique sur le menu

 * parametre(s) :       - treeId : id du menu zTree

 *                      - treeNode : noeud du menu

 */

{

//    console.log("click sur élément "+treeNode.id+" de menu "+treeId);

    var nomEssaim = treeId.slice("aideMenu".length,treeId.length);

    var ind = rucheSys.rechercheIndice(nomEssaim,rucheSys.listeBlocPrepa);

    var essaim = rucheSys.listeBlocPrepa[ind];

    $("#"+treeId).nextAll().remove();

    $("#"+treeId).parent().append(essaim.elementsAide[treeNode.idAide-1]);

}

Essaim.prototype.menuDeroulInit = function(elemId, zNodes, classesItems)

/*

 * Initialisation d'un menu déroulant. Il peut y en avoir plusieurs.

 * Utilisation du plugin jquery zTree : http://www.ztree.me/

 * parametre(s) :       - elemId : id de l'élément en dessous duquel on met le menu.

 *                      - zNodes : liste des noeuds cliquables (objet JSON).

 *                                      leur id doivent être dans l'ordre 1,2,..N

 *                      - classesItem : tableau des classes de composants

 */

{

    Essaim.nbMenuDeroul++; // nouveau menu...

    Essaim.classeItemMenuDeroul.push(classesItems); // enregistre le tableau des classes de composants

    // Construction du div contenant le menu. C'est lui qui sera invisible au départ

    // Voir les fonctions Essaim.prototype.showMenu() et hideMenu()

    var divMenuDeroul = $("<div>", {

                    id: "divMenuDeroul"+this.nom+"_"+Essaim.nbMenuDeroul,

                    class: "menuContent",

                    style: "display: none; position: absolute;"

        });

    // Initialisation des paramètres du menu zTree

    var curMenu = null, zTree_Menu = null;

    var settings = {

    view: {

                                showLine: false,

                                showIcon: false,

                                selectedMulti: false,

                                dblClickExpand: false,

                                addDiyDom: this.menuDeroulAddDiyDom

    },

    data: {

                                simpleData: {

                enable: true

                }

    },

    callback: {

                                beforeClick: this.menuDeroulPreClickMenu,

                onClick: this.menuDeroulClickMenu

    }

    };

    // Si pas de liste en entrée, fabrique une liste de test

    if (typeof zNodes =='undefined')

    {

        zNodes = [

                       { id:1, pId:0, name:"Liste composants 1", open: true},

                       { id:2, pId:1, name:"Composant 1"},

                       { id:3, pId:1, name:"Sous liste composants"},

                       { id:4, pId:3, name:"Composant S1"},

                       { id:5, pId:3, name:"Composant S2"},

                       { id:6, pId:3, name:"Composant S3"},

                       { id:7, pId:1, name:"Composant 2"},

                       { id:8, pId:1, name:"Composant 3"},

                       { id:9, pId:1, name:"Composant 4"},

                       { id:10, pId:1, name:"Composant 5"},

                       { id:11, pId:1, name:"Composant 6"},

                       { id:12, pId:1, name:"Composant 7"},

                       ];

    }

    // Fabrication du menu zTree

    var idMenu = "menuDeroul"+this.nom+"_"+Essaim.nbMenuDeroul;

    var treeObj = $("<ul>", {

                    id: idMenu,

                    class: "ztree ztreeMenuDeroul",

                    style: "margin-top: 0; width:160px;"

                    });

//    treeObj.css("overflow","hidden"); // pas de barre de défilement

    divMenuDeroul.append(treeObj); // la position du div est en "absolute"

    var pElem = $("#"+elemId);

    $("body").append(divMenuDeroul);

    $.fn.zTree.init(treeObj, settings, zNodes);

    zTree_Menu = $.fn.zTree.getZTreeObj(idMenu);

    curMenu = zTree_Menu.getNodes()[0];

    zTree_Menu.selectNode(curMenu);

    treeObj.hover(function () {

                  if (!treeObj.hasClass("showIcon")) {

                  treeObj.addClass("showIcon");

                  }

                  }, function() {

                  treeObj.removeClass("showIcon");

                  });

    return idMenu;

}

Essaim.prototype.menuDeroulIdFind = function(iMenuDeroul)

/*

 * Trouve l'id du menu deroulant numero iMenuDeroul de l'essaim courant

 * parametre(s) :   - iMenuDeroul : numero du menu deroulant dans l'essaim (convention décidée par le développeur)

 */

{

    kMenuDeroul = 0;

    var regex = new RegExp(this.nom);

    for (var i=0;i<this.idMenusDeroulants.length;i++)

    {

        if (regex.test(this.idMenusDeroulants[i])) {

            kMenuDeroul++;

            if (kMenuDeroul == iMenuDeroul) {

                return this.idMenusDeroulants[i];

            }

        }

    }

    return null;

}

Essaim.prototype.menuDeroulShow = function(menuId, parentId)

/*

 * Montre un menu déroulant (le fait apparaître).

 * parametre(s) :       - menuId : id du menu

 *                      - parentId : id de l'élément en dessous duquel le menu apparaît

 */

{

    var parentObj = $("#"+parentId);

    var menuOffset = parentObj.offset();

    $("#"+menuId).parent().css({left:menuOffset.left + "px", top:menuOffset.top + parentObj.outerHeight() + "px"}).slideDown("fast");

    // le prochain click n'importe où fera disparaître le menu

    $("body").bind("mousedown", Essaim.prototype.menuDeroulClicBodyCache);

}

Essaim.prototype.menuDeroulHide = function()

/*

 * Cache tous les menus déroulants (les fait disparaître).

 */

{

    $("[id^=divMenuDeroul]").fadeOut("fast");

    $("body").unbind("mousedown", Essaim.prototype.menuDeroulClicBodyCache);

}

Essaim.prototype.menuDeroulClicBodyCache = function(event)

/*

 * Cache un menu déroulant sur un click en dehors du menu.

 */

{

    // Laisse le menu si clic dedans ou sur le bouton

    if ( !(typeof $(event.target).parents(".menuContent")[0] != 'undefined' || $(event.target)[0].class == "Rcl_Editor_Button_Composant")) {

        Essaim.prototype.menuDeroulHide.call(this);

    }

}

Essaim.prototype.menuDeroulPreClickMenu = function(treeId, treeNode)

/*

 * Fonction de callback "beforeClick" des menus déroulants

 * Utilisation du plugin jquery zTree : http://www.ztree.me/

 * parametre(s) :       - treeId : id du menu zTree

 *                      - treeNode : noeud du menu

 * Fonction virtuelle, doit être surchargée dans la classe fille

 */

{

//    console.log("pre-click sur élément "+treeNode.id+" de menu "+treeId);

}

Essaim.prototype.menuDeroulClickMenu = function(event, treeId, treeNode, clickFlag)

/*

 * Fonction de callback "onClick" des menus déroulants

 * Utilisation du plugin jquery zTree : http://www.ztree.me/

 * parametre(s) :       - treeId : id du menu zTree

 *                      - treeNode : noeud du menu

 *                      - clickFlag : le noeud est sélectionné ou non (si checkbox activé). Ne nous sert pas ici

 * Fonction virtuelle, doit être surchargée dans la classe fille

 */

{

//    console.log("click sur élément "+treeNode.id+" de menu "+treeId+", clickFlag = "+clickFlag);

    // récupère le numéro du menu déroulant, qui est le numéro derrière le "_" à la fin de treeId

    var numMenuDeroul = treeId.match(/_[0-9]*$/)[0];

    numMenuDeroul = numMenuDeroul.slice(1,numMenuDeroul.length);

    // récupère l'essaim

    var nomEssaim = treeId.slice("menuDeroul".length,treeId.length);

    nomEssaim = nomEssaim.slice(0,-numMenuDeroul.length-1);

    var ind = rucheSys.rechercheIndice(nomEssaim,rucheSys.listeBlocPrepa);

    var essaim = rucheSys.listeBlocPrepa[ind];

    // cache le menu lorsqu'on a cliqué

    essaim.menuDeroulHide();

    // Fait exécuter l'action commandée par l'essaim

    // pour le moment, il n'y a que des "composants"

    // qui sont pointés par des actions de menus déroulants

    var classeComposant = (Essaim.classeItemMenuDeroul[numMenuDeroul-1])[treeNode.idAction];

    // Appel de la méthode "nouveauComposant" de la classe essaim fille...

    // ... qui devrait savoir quoi en faire

    essaim.nouveauComposant(classeComposant);

}

Essaim.prototype.nouveauComposant = function(classeComposant)

/*

 * construit un nouveau composant de classe "classeComposant"

 * correspondant à cet essaim

 */

{

    // par exemple (dans classe dérivée...

    // va s'enregistrer dans l'objet système rucheSys

    // rucheSys.ajoutComposantEssaim(nomEdit, classeComposant)

}

Essaim.prototype.menuDeroulAddDiyDom = function(treeId, treeNode)

/*

 * Fonction de callback "addDiyDom" des menus déroulants

 * Utilisation du plugin jquery zTree : http://www.ztree.me/

 * Personalisation de l'apparence du noeud de menu zTree

 * parametre(s) :       - treeId : id du menu zTree

 *                      - treeNode : noeud du menu

 */

{

    var spaceWidth = 10; // ajoute des espaces à chaque niveau si le noeud n'est pas de niveau 0

    var switchObj = $("#" + treeNode.tId + "_switch"), icoObj = $("#" + treeNode.tId + "_ico");

    switchObj.remove();

    icoObj.before(switchObj);

    if (treeNode.level > 0) {

        var spaceStr = "<span style='display: inline-block;width:" + (spaceWidth * treeNode.level)+ "px'></span>";

        switchObj.before(spaceStr);

    }

}

Essaim.prototype.initEnonce = function()

/*

 * Initialisation de la partie "énoncé" de l'essaim

 * ajoute un bouton dans la liste d'Essaims

 * Voir dans l'essaim "QCM" l'exemple d'une surcharge de cette fonction

 */

{

    var tab = document.getElementById('Rid_Enonce_Essaims_List');

    var li = document.createElement('li');

    li.id = "RidEnEs_"+this.nom;

    // Bouton ajouté dans la liste des "actions d'Essaim" de l'énoncé

    var bouton = document.createElement('button');

    bouton.id = "boutonEssaimEnonce"+this.nom;

    bouton.className = "Rcl_Surligne_Essaim";

    /* Modif 2016 : mise en place du drag and drop */

    bouton.draggable = true; //Permet de rendre le boutton déplacable.

    //permet d'envoyer des données à la zone de drop

    bouton.addEventListener('dragstart', function(e) {

        e.dataTransfer.setData("texte", bouton.id);

    });

    //clonedElement = draggedElement.cloneNode(true);  //On fais en sorte que l'élément soit cloné

    /* Fin des modifs */

    var txt = document.createTextNode( this.nom );

    bouton.appendChild(txt);

    bouton.onclick = function(){