Jquery File Uploader
This File Uploader Jquery plugin is based upon the Filament Group's - Designing with Progressive Enhancement eBook by Scott Jehl - I have simply extended it and made it JqueryUI Themeable - with jslinting & a few odds & ends
by randynwalsh
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/pepper-grinder/jquery-ui.css">
<input class="resizable" value="Textbox" style="position: absolute; top: 20px; left: 0px;
width: 190px;" />
<input class="resizable" value="Button" type="button" style="position: absolute;
top: 20px; left: 200px; width: 190px; padding:0; " />
<input value="Button" type="button" style="position: absolute;
top: 20px; left: 400px; width: 190px; />
<div id="print">
</div>
JavaScript
$(function () {
$(".resizable").resizable({
resize: function (event, ui) {
$('#print').append('<br /> Oringinal size ' + ui.originalSize.height + ' to ' + ui.size.height);
}
});
// $('#switcher').themeswitcher();
});