當懸停在HTML表格單元格上時，我有什麼選擇來彈出日期列表？

我有一個ASP.NET MVC 2應用程序的客戶端。其中一個視圖包含一個帶有「最近操作日期」列的表格。當用鼠標懸停在該列上時，他們想要在彈出式面板（或類似的）中顯示操作日期的所有列表。當懸停在HTML表格單元格上時，我有什麼選擇來彈出日期列表？

通常會顯示0到5個日期。

看起來像這樣會涉及Javascript。如果是這樣，我希望它是不顯眼的。

有沒有人知道這個漂亮的解決方案？例如，那裏的任何組件都做得很好？或者有什麼類似的網站可以獲得靈感？例如，當將鼠標懸停在StackOverflow的標籤上時，就會出現彈出式對話框。

我很想提高自己的Javascript UI技能，所以很高興把我自己的一些時間用在UI工具箱上 - 即使學習曲線通常會對這樣的小任務來說過於禁忌。

來源

2011-03-11 dommer

你可以用jQuery來做到這一點。一個簡單的解決方案是將懸停事件附加到該列並通過AJAX加載操作日期，以便在彈出式面板中顯示。一個簡單的例子：

$(document).ready(function(){ 
    $("#yourcolumnid").hover(
    function() { 
     $.ajax({ 
     type: "POST", 
     url: "URL", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     data: "{'PARAMETER':'VALUE'}", 
     success: function(result) { 
      $(document).append("<div id='alldates' class='CssForPopup'>" + result.d + "</div>"); 
     } 
     }); 
    }, 
    function() { 
     $("#alldates").remove(); 
    } 
); 
});

該解決方案，當然，不顯眼，你可以只是把這個所有的.js文件並將其附加到你想使用它的網頁。

來源

2011-03-11 09:39:29 FarligOpptreden

當懸停在HTML表格單元格上時，我有什麼選擇來彈出日期列表？

回答

相關問題