Buenas tardes,
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 ) );
});
}
});
});
tambien <li>
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