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
| //Initialisation des couleurs
var choix = 'black';
//réglage du mouseover
var x=0;
//Décompte des post_it par couleurs
var count = {"rouge" :0,"violet":0,"bleu_clair"=0,"turquoise"=0,"vert":0,"jaune":0};
//Recupération du choix de la couleur
function check_color(color){
choix = color.style.backgroundColor;
}
//Coloriage au click
function coloriage_click (case_vide){
x=1;
coloriage(case_vide);
}
//Cliquer déplacer
function cliquer_deplacer(case_vide){
if(x==1){
coloriage(case_vide);
}
}
//Reset
function supp(){
x=0;
}
//Coriage/effacer des cases
function coloriage(case_vide){
if (case_vide.style.backgroundColor == 'black' ) {
case_vide.style.backgroundColor = choix;
count[choix] +=1;
var couleur = document.getElementById(choix);
if (couleur != null){
couleur.innerHTML = count[choix];
}
}
else if (case_vide.style.backgroundColor != 'black'){
count[case_vide.style.backgroundColor] -= 1;
var couleur = document.getElementById(case_vide.style.backgroundColor);
if (couleur !=null){
couleur.innerHTML = count[case_vide.style.backgroundColor];
}
case_vide.style.backgroundColor='black';
}
} |