I've been leveraging the power of blockUI successfully, but now I'm faced with the challenge of dynamically loading a table row. My research indicates that blockUI may not be compatible with HTML table rows.
My idea is to use:
jquery.AddClass("highlightCell") to initiate the loading process and jquery.RemoveClass() when the AJAX call completes.
Here's my current CSS for highlighting the cell, but it doesn't quite look right. I'm open to feedback or suggestions on how to better indicate that a HTML table row is being "refreshed".
.highlightCell {
background-color: #767070;
-moz-opacity: 0.60;
opacity: .60;
filter: alpha(opacity=60);
}