禁用单击分钟单元格

时间:2012-06-12 13:52:51

标签: jquery html css

see fiddle

我有html表和一个文本框和一个button.make单元格选择通过拖动单元格。单击按钮我得到文本框的值,并放入单元格的span标签。我不得不点击分钟小区0,15,30,45。在小提琴中你看到当我点击分钟单元格然后它使css变为绿色并且css长度增加(那些在警报中chking)。

1 个答案:

答案 0 :(得分:1)

这是你想要的吗?

<强> - 编辑 -

现在你只能以直线方式(向上或向下)突出显示。 可能有更优雅的方式来做所有这些,但我认为这将按你的意愿工作

DEMO: 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
...