1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77
|
function changeContenu(id){
//Découpage de la variable
var element = id.split('_');
var newId = element[0]+'_'+element[1]+'_'+element[2];
//Récupération des ID des cellules
var idCharniereDroite = newId+'_9';
var idCharniereGauche = newId+'_10';
var idCharniereArrDroite = newId+'_11';
var idCharniereArrGauche = newId+'_12';
//Création d'ID pour les images
var idImage1 = idCharniereDroite+'_1';
var idImage2 = idCharniereGauche+'_2';
var idImage3 = idCharniereArrDroite+'_3';
var idImage4 = idCharniereArrGauche+'_4';
//Récupération des elements INPUT
var element1 = document.getElementById(idCharniereDroite);
var element2 = document.getElementById(idCharniereGauche);
var element3 = document.getElementById(idCharniereArrDroite);
var element4 = document.getElementById(idCharniereArrGauche);
//On cache les input
$(element1).hide();
$(element2).hide();
$(element3).hide();
$(element4).hide();
//Change le style
var image_1 = document.createElement('img');
image_1.setAttribute("id", idImage1);
image_1.setAttribute("src", "images/desactiver.gif");
image_1.setAttribute("width", "9px");
image_1.setAttribute("height", "9px");
var image_2 = document.createElement('img');
image_2.setAttribute("id", idImage2);
image_2.setAttribute("width", "9px");
image_2.setAttribute("height", "9px");
image_2.setAttribute("src", "images/desactiver.gif");
var image_3 = document.createElement('img');
image_3.setAttribute("id", idImage3);
image_3.setAttribute("width", "9px");
image_3.setAttribute("height", "9px");
image_3.setAttribute("src", "images/desactiver.gif");
var image_4 = document.createElement('img');
image_4.setAttribute("id", idImage4);
image_4.setAttribute("width", "9px");
image_4.setAttribute("height", "9px");
image_4.setAttribute("src", "images/desactiver.gif");
var parent_1 = document.getElementById(idCharniereDroite).parentNode;
var parent_2 = document.getElementById(idCharniereGauche).parentNode;
var parent_3 = document.getElementById(idCharniereArrDroite).parentNode;
var parent_4 = document.getElementById(idCharniereArrGauche).parentNode;
//On cache les input
$(idCharniereDroite).hide();
$(idCharniereGauche).hide();
$(idCharniereArrDroite).hide();
$(idCharniereArrGauche).hide();
//Enleve pour eviter de tout mettre en double
var image_a = document.getElementById(idImage1);
var image_b = document.getElementById(idImage2);
var image_c = document.getElementById(idImage3);
var image_d = document.getElementById(idImage4);
if(image_a != null){
parent_1.removeChild(image_a);
}
if(image_b != null){
parent_2.removeChild(image_b);
}
if(image_c != null){
parent_3.removeChild(image_c);
}
if(image_d != null){
parent_4.removeChild(image_d);
}
parent_1.appendChild(image_1);
parent_2.appendChild(image_2);
parent_3.appendChild(image_3);
parent_4.appendChild(image_4);
} |
Partager