I'm curious if there's a way to dynamically retrieve the size of a div while it's being resized.
Currently, I'm using jQuery 1.10.2 and have implemented a resizable div. However, I've noticed that the events 'start' and 'stop' only provide the size of the div at the beginning and end of the resizing process. What I really want is to track the size in real-time as the div is being resized, and then display these dimensions (height and width) on the page in a textbox or another element.
<script type="text/javascript>
$(function () {
$("#divResizable").resizable({
start: function (event, ui) {
var width = ui.size.width;
var height = ui.size.height;
//alert(width);
document.getElementById("divText").innerHTML = width;
}
});
});
</script>