0

フィドルを見る

私はhtmlテーブルと1つのテキストボックスと1つのボタンを持っています。セルをドラッグしてセルを選択します。ボタンをクリックすると、テキストボックスの値を取得し、セルのスパンタグに入れます。分セル 0,15,30,45 のクリックを無効にする必要があります。フィドルでは、分のセルをクリックするとcssが緑色になり、cssの長さが増加します(アラートでチェックしている場合)。

4

1 に答える 1

1

これは、あなたの望むことですか ?

--編集済み--

これで、まっすぐな方法 (上または下) でのみハイライトできます。おそらく、これをすべて行うためのよりエレガントな方法がありますが、これはあなたが望むように機能すると思います

デモ: http://jsfiddle.net/vrW2n/9/

// Add this variable    
var lastRow = 0;

mousedown()

    // This line gets the index of the first clicked row.
    lastRow = $(this).closest("tr")[0].rowIndex;

    active = true;
    $(".csstdhighlight").removeClass("csstdhighlight"); // clear previous selection

    //This is the big trick
    $(".temp_selected").removeClass("temp_selected");
...

そしてでmousemove()

...
    /* Begin my edit
    Compares the actual 'mousemove' row index
    with the last and next row index
    */
    var thisRow = $(this).closest("tr")[0].rowIndex;

    if( lastRow == thisRow || lastRow == thisRow - 1 || lastRow == thisRow + 1 ){
        lastRow = $(this).closest("tr")[0].rowIndex;
    }else
        return;
    // End my edit
...
于 2012-06-12T18:47:03.307 に答える