Cómo puedo capturar el valor de un check in y check ou<li> ?
Actualmente tengo varios <ol> y <li> como pueden ver en la siguiente imagen :
http://s2.subirimagenes.com/otros/previo/thump_7254872hot.jpg
(cada cuadradito es un <li>)
Necesito capturar el valor del checkin(en la imagen empieza cuando haces click y drageas <la linea naranja>) hasta que lo sueltas "check out"(que lo tengo como un mouseup, pero solo necesito capturar el valor del primer click(check in) y el ultimo (check out) y no de todo el recorrido del drag
Para el drag estuve usando algo asi:
Código HTML:
$(function() { $( ".ui-selectable" ).selectable({ options:{ autoRefresh: true, distance: 40, disabled:true, filter: '*', tolerance: 'touch' }, stop: function() { var result = $( "#select-result" ).empty(); $( ".ui-selected", this ).each(function() { var index = $( "#selectablecls li" ).index( this ); result.append( " #" + ( index + 1 ) ); }); } }); });
Código HTML:
<ol id="selectable" class="ui-selectable selectablecls"> <li class="null ui-state-default ui-selectee grdborder _a" style="width:28px" id="2011_11_07_9700000000000006_9700000000000002_a" rel="1" title="" width="28px"></li> <li class="null ui-state-default ui-selectee grdborder _b" style="width:28px" id="2011_11_07_9700000000000006_9700000000000002_b" rel="2" title="" width="28px">
Como se puede ver en:
http://s2.subirimagenes.com/otros/previo/thump_7254872hot.jpg
Por otro lado no me reconoce el evento mouseup nose porque
pueden verlo aquí :
http://ovejo.site40.net/probando!/probando3.html
Agradecería si alguien me pudiese ayudar