mousedownとmouseoverにテーブル列の値を格納するためのjqueryが必要

Question

私はテーブル形式の.NETで構築した時間ピッカーを持っています。各行は30分の時間間隔の値を有する。開始時刻をクリックしてリストをドラッグし、終了時刻を選択して時間範囲を選択できるjqueryを実装しました。私が実行している問題は、クリックされた最初の行の値を格納し、最後の行に 'mouseovered'された終了時刻を格納するjqueryです。ここまではjqueryです。

<script type="text/javascript"> 
$(function() { 
    var isMouseDown = false; 
    var begintime; 
    var endtime; 
    $("#BodyLeft_timeTable td").mousedown(function() { 
     isMouseDown = true; 
     $(this).toggleClass("highlighted"); 
     return false; 
    }).mouseover(function() { 
     if (isMouseDown) { 
      $(this).toggleClass("highlighted"); 
     } 
    }).bind("selectstart", function() { 
     return false; 
    }); 

    $(document).mouseup(function() { 
     isMouseDown = false; 
     window.location.href = "HoursDetail.aspx"; 
    }); 
}); 
</script> 

ここで私は時間ピッカーに行く予定の写真へのリンクです。 mouseupイベントが発生すると、選択された最初と最後の時間が新しいページにリダイレクトされ、これら2つの値がクエリ文字列に含まれます。

http://i869.photobucket.com/albums/ab251/bradedwards0978/timepicker.png

すべてのヘルプは素晴らしいことです。

ありがとうございました。

Answer 1

これはうまくいくと思っています。それとも私がどこに向かうのかを知ることができます。

//Select all cells that contain the class "highlighted" 
var selected = $("#BodyLeft_timetable td").filter('.highlighted'); 
//select first & last for range 
var first = selected.first().id; 
var last = selected.last().id; 

var href = "HoursDetail.aspx?first=" + first + "&last=" + last; 
window.location.href = href 
//ex: HoursDetail.aspx?first=0830am&last=0100pm 

highlighted（あなたがそれらに適用されるCSSクラスによって示されるように）されているデータセルのためのDOMをスキャンします。そのコレクションからfirst and lastオブジェクトのidを取得します。 にはid'sをロードしてください。

私が見ている唯一の問題は、each cellにテーブルindividual IDを指定したのか、それとも問題があるのか​​分かりません。あなたが誤ってポストに「編集」をクリックした場合、あなたは "をクリックすることができます - あなたはどうする可能性はdata-time属性と1pm930amなどの値と各セルを割り当てて、代わりに.idをつかんで、あなたがFYI .attr('data-time')