?
Path : /home/admin/public_html/old/promice/Admin/ |
Current File : /home/admin/public_html/old/promice/Admin/jquery_ui_widget.html |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <title>Plupload - jQuery UI Widget</title> <style type="text/css"> body { font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#333; background:url(../bg.jpg); } </style> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" /> <link rel="stylesheet" href="../../src/javascript/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> <script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script> <script type="text/javascript" src="../../src/javascript/plupload.js"></script> <script type="text/javascript" src="../../src/javascript/plupload.gears.js"></script> <script type="text/javascript" src="../../src/javascript/plupload.silverlight.js"></script> <script type="text/javascript" src="../../src/javascript/plupload.flash.js"></script> <script type="text/javascript" src="../../src/javascript/plupload.browserplus.js"></script> <script type="text/javascript" src="../../src/javascript/plupload.html4.js"></script> <script type="text/javascript" src="../../src/javascript/plupload.html5.js"></script> <script type="text/javascript" src="../../src/javascript/jquery.ui.plupload/jquery.ui.plupload.js"></script> </head> <body> <h1>jQuery UI Widget</h1> <p>You can see this example with different themes on the <a href="http://plupload.com/example_jquery_ui.php">www.plupload.com</a> website.</p> <form method="post" action="../dump.php"> <div id="uploader"> <p>Your browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p> </div> </form> <script type="text/javascript"> // Convert divs to queue widgets when the DOM is ready $(function() { $("#uploader").plupload({ // General settings runtimes : 'flash,html5,browserplus,silverlight,gears,html4', url : '../upload.php', max_file_size : '1000mb', max_file_count: 20, // user can add no more then 20 files at a time chunk_size : '1mb', rename: true, multiple_queues : true, // Resize images on clientside if we can resize : {width : 320, height : 240, quality : 90}, // Rename files by clicking on their titles rename: true, // Sort files sortable: true, // Specify what files to browse for filters : [ {title : "Image files", extensions : "jpg,gif,png"}, {title : "Zip files", extensions : "zip,avi"} ], // Flash settings flash_swf_url : '../../js/plupload.flash.swf', // Silverlight settings silverlight_xap_url : '../../js/plupload.silverlight.xap' }); // Client side form validation $('form').submit(function(e) { var uploader = $('#uploader').plupload('getUploader'); // Files in queue upload them first if (uploader.files.length > 0) { // When all files are uploaded submit form uploader.bind('StateChanged', function() { if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) { $('form')[0].submit(); } }); uploader.start(); } else alert('You must at least upload one file.'); return false; }); }); </script> </body> </html>