Sélection d'unité, fusion d'échantillon de couleur code_jquery

Afin de répondre à une question ce week-end, j'ai écrit un tas de code et les fonctions ont été essentiellement implémentées, mais j'ai senti que la structure était trop pauvre et je n'y ai pas beaucoup réfléchi. Pas joli du tout

Copier le code Le code est le suivant : Le titre du document table{ border-spacing : 0 ; } td{ hauteur : 50px ; largeur : 50px ; espacement des bordures : 0 ; } .hidden{ affichage : aucun ; }

hebing var selectecdlog = []; var resultLen = 0; var resultBegin = 0; var backColor = ['rouge','vert','bleu']; // suppose 3 lignes 1 -rouge 2 - vert 3 - bleu var resultColor =0; $("td").mousedown(function() { selectecdlog = []; resultColor = backColor[$(this).parent().attr('id').substr(1 )-1]; $('td').css('background-color', 'white'); // ID de la balise tr //alert($(this).parent ().attr('id')); //obtenir le numéro de colonne //alert($(this).index() 1 $(this).css(' background-color', resultColor); selectecdlog.push($(this).attr('id')); //alert($(this).attr('id')); >$("td").mouseup(onMouseUp); $("td").mouseover(onMouseOver); function onMouseUp(){ /* Agir sur l'événement */ var len =resultLen= Math.abs(parseInt(selectecdlog[0].substr(selectecdlog[0].indexOf('c') 1)) - parseInt($(this).attr('id' ).substr(($(this).attr('id').indexOf('c')) 1))) 1; var start =resultBegin= parseInt(selectecdlog[0].substr(selectecdlog[0].indexOf('c') 1)) >parseInt($(this).attr('id').substr(( $(this).attr('id').indexOf('c')) 1)) ? parseInt($(this).attr('id').substr(($(this).attr('id').indexOf('c')) 1)):parseInt(selectecdlog[0].substr(selectecdlog [0].indexOf('c') 1)); for(var i =0; i { selectecdlog.push(selectecdlog[0].substr(0,2) "c" (resultBegin i));

} selectecdlog.shift(); $('#log').text(selectecdlog.toString());

$("td").unbind('mouseover',onMouseOver); $("td").unbind('mouseup',onMouseUp); } function onMouseOver (argument) { var len =resultLen= Math.abs(parseInt(selectecdlog[0].substr(selectecdlog[0].indexOf('c') 1)) - parseInt ($(this).attr('id').substr(($(this).attr('id').indexOf('c')) 1))) 1; var start =resultBegin= parseInt(selectecdlog[0].substr(selectecdlog[0].indexOf('c') 1)) >parseInt($(this).attr('id').substr(( $(this).attr('id').indexOf('c')) 1)) ? parseInt($(this).attr('id').substr(($(this).attr('id').indexOf('c')) 1)):parseInt(selectecdlog[0].substr(selectecdlog [0].indexOf('c') 1)); $('td').css('background-color', 'white'); for(var i =0; i { $('#' selectecdlog[0].substr(0,2) "c" (begin i)).css( 'couleur d'arrière-plan', resultColor); } //alert( $(this).attr('id').substr(($(this).attr('id').indexOf('c')) 1)); //$('#' tdId).css('background-color', 'red'); } // définir l'identifiant attr pour chaque td $("td").each(function(index, val){ /* parcourir un tableau ou un objet */ $ (this).attr('id', $(this).parent().attr('id') "c" ($(this).index() 1))}); //combine cell function combine (argument) { // body... for (var m in selectecdlog) { if(m==0) { $('#' selectecdlog[m]).attr('colspan', resultLen); $('#' selectecdlog[m]).css('width',resultLen*50 "px"); //$('#' selectecdlog[m]).css('background-color', 'bule'); } else{ $('#' selectecdlog[m]).addClass('hidden'); } } }

Sélection d'unité, fusion d'échantillon de couleur code_jquery

Articles Liés