3 | | <h1 class="title">ZOO Demo: odt converter</h1> |
4 | | <form id="form1" action="index.php" method="post" enctype="multipart/form-data"> |
5 | | <table class="docConverter"> |
6 | | <tr> |
7 | | <td valign="top"> |
8 | | <p>Browse and upload an .odt document:</p> |
9 | | <div> |
10 | | <div style="display:none"> |
11 | | <input type="file" name="Filedata" id="Filedata" /> |
12 | | </div> |
13 | | </div> |
14 | | </td> |
15 | | <td> |
16 | | <input type="text" class="qrinput" disabled="true" id="txtFileName" /> |
| 3 | <h1 class="title">ZOO Demo: odt converter</h1> |
| 4 | <form id="form1" action="index.php" method="post" enctype="multipart/form-data"> |
| 5 | <table class="docConverter"> |
| 6 | <tr> |
| 7 | <td valign="top"> |
| 8 | <p>Browse and upload an .odt document:</p> |
| 9 | <div> |
| 10 | <div style="display:none"> |
| 11 | <input type="file" name="Filedata" id="Filedata" /> |
| 12 | </div> |
| 13 | </div> |
| 14 | </td> |
| 15 | <td> |
| 16 | <input type="text" class="qrinput" disabled="true" id="txtFileName" /> |
| 17 | <span id="spanButtonPlaceHolder"></span> |
| 18 | <div style="display:none" id="ustatus"> |
| 19 | <p><span id="tdPercentUploaded"></span></p> |
| 20 | <p>Size Uploaded <span id="tdSizeUploaded"></span></p> |
| 21 | </div> |
| 22 | </td> |
| 23 | </tr> |
| 24 | <tr> |
| 25 | <td valign="top"><p>Select an outout format:</p></td> |
| 26 | <td> |
| 27 | <div id="runProcess" > |
| 28 | <select class="select" id="format" disable="true"> |
| 29 | <option value='doc'>.doc</option> |
| 30 | <option value='rtf'>.rtf</option> |
| 31 | <option value='pdf'>.pdf</option> |
| 32 | </select> |
| 33 | </div> |
| 34 | </td> |
| 35 | </tr> |
| 36 | <tr> |
| 37 | <td valign="top"><p>Download your new document:</p><p id="uloading" style="display: none">Loading, please wait ...</p></td> |
| 38 | <td> |
| 39 | <p><input onclick="try{runExportDocument();}catch(e){}" id="QROK" disable="true" type="buton" value="OK" class="qrOK" />  <a style="display:none" href="#" id="newdoc">test.pdf (9ko)</a></p> |
| 40 | </td> |
| 41 | </tr> |
| 42 | </table> |
| 43 | </form> |
18 | | <span id="spanButtonPlaceHolder"></span> |
19 | | <div style="display:none" id="ustatus"> |
20 | | <p><span id="tdPercentUploaded"></span></p> |
21 | | <p>Size Uploaded <span id="tdSizeUploaded"></span></p> |
22 | | </div> |
23 | | </td> |
24 | | </tr> |
25 | | <tr> |
26 | | <td valign="top"><p>Select an outout format:</p></td> |
27 | | <td> |
28 | | <div id="runProcess" > |
29 | | <select class="select" id="format" disable="true"> |
30 | | <option value='doc'>.doc</option> |
| 45 | <script> |
| 46 | $(document).ready(function(){ |
| 47 | $("select, input:checkbox, input:radio, input:file").uniform(); |
| 48 | </script> |
32 | | <option value='rtf'>.rtf</option> |
33 | | <option value='pdf'>.pdf</option> |
34 | | </select> |
35 | | </div> |
36 | | </td> |
37 | | </tr> |
38 | | <tr> |
39 | | |
40 | | <td valign="top"><p>Download your new document:</p><p id="uloading" style="display: none">Loading, please wait ...</p></td> |
41 | | |
42 | | <td> |
43 | | <p><input onclick="try{runExportDocument();}catch(e){}" id="QROK" disable="true" type="buton" value="OK" class="qrOK" />  <a style="display:none" href="#" id="newdoc">test.pdf (9ko)</a></p> |
44 | | </td> |
45 | | </tr> |
46 | | |
47 | | </table> |
48 | | |
49 | | </form> |
50 | | |
51 | | <script> |
52 | | $(document).ready(function(){ |
53 | | $("select, input:checkbox, input:radio, input:file").uniform(); |
54 | | }); |
55 | | </script> |
56 | | |
57 | | <h2>Description</h2> |
58 | | <p>The ZOO Doc converter demo is using OpenOffice Server to convert .odt documents on the fly.</p> |
59 | | |
60 | | </div> |
| 50 | <h2>Description</h2> |
| 51 | <p>The ZOO Doc converter demo is using OpenOffice Server to convert .odt documents on the fly.</p> |
64 | | flash_url : "../swfupload-dist/swfupload.swf", |
65 | | upload_url: "upload.php", |
66 | | file_size_limit : "4 MB", |
67 | | file_types : "*.odt", |
68 | | file_types_description : "OpenOffice Document Text (.odt)", |
69 | | file_upload_limit : 100, |
70 | | file_queue_limit : 0, |
| 55 | flash_url : "../swfupload-dist/swfupload.swf", |
| 56 | upload_url: "upload.php", |
| 57 | file_size_limit : "4 MB", |
| 58 | file_types : "*.odt", |
| 59 | file_types_description : "OpenOffice Document Text (.odt)", |
| 60 | file_upload_limit : 100, |
| 61 | file_queue_limit : 0, |
| 62 | debug: false, |
| 63 | // Button settings |
| 64 | button_image_url: "images/XPButtonUploadText_61x22.png", |
| 65 | button_width: "61", |
| 66 | button_height: "22", |
| 67 | button_placeholder_id: "spanButtonPlaceHolder", |
| 68 | // File input |
| 69 | file_post_name: "Filedata", |
74 | | // Button settings |
75 | | button_image_url: "images/XPButtonUploadText_61x22.png", |
76 | | button_width: "61", |
77 | | button_height: "22", |
78 | | button_placeholder_id: "spanButtonPlaceHolder", |
79 | | file_post_name: "Filedata", |
| 73 | // The event handler functions are defined in handlers.js |
| 74 | file_queued_handler : fileQueued, |
| 75 | file_dialog_complete_handler: fileDialogComplete, |
| 76 | upload_start_handler : uploadStart, |
| 77 | upload_progress_handler : uploadProgress, |
| 78 | upload_success_handler : uploadSuccess, |
| 79 | upload_complete_handler : uploadComplete, |
| 81 | custom_settings : { |
| 82 | tdFilesQueued : document.getElementById("tdFilesQueued"), |
| 83 | tdFilesUploaded : document.getElementById("tdFilesUploaded"), |
| 84 | tdErrors : document.getElementById("tdErrors"), |
| 85 | tdCurrentSpeed : document.getElementById("tdCurrentSpeed"), |
| 86 | tdAverageSpeed : document.getElementById("tdAverageSpeed"), |
| 87 | tdMovingAverageSpeed : document.getElementById("tdMovingAverageSpeed"), |
| 88 | tdTimeRemaining : document.getElementById("tdTimeRemaining"), |
| 89 | tdTimeElapsed : document.getElementById("tdTimeElapsed"), |
| 90 | tdPercentUploaded : document.getElementById("tdPercentUploaded"), |
| 91 | tdSizeUploaded : document.getElementById("tdSizeUploaded"), |
| 92 | tdProgressEventCount : document.getElementById("tdProgressEventCount") |
| 93 | } |
| 94 | }; |
82 | | moving_average_history_size: 40, |
83 | | |
84 | | // The event handler functions are defined in handlers.js |
85 | | file_queued_handler : fileQueued, |
86 | | file_dialog_complete_handler: fileDialogComplete, |
87 | | upload_start_handler : uploadStart, |
88 | | upload_progress_handler : uploadProgress, |
89 | | upload_success_handler : uploadSuccess, |
90 | | upload_complete_handler : uploadComplete, |
91 | | |
92 | | custom_settings : { |
93 | | tdFilesQueued : document.getElementById("tdFilesQueued"), |
94 | | tdFilesUploaded : document.getElementById("tdFilesUploaded"), |
95 | | tdErrors : document.getElementById("tdErrors"), |
96 | | tdCurrentSpeed : document.getElementById("tdCurrentSpeed"), |
97 | | tdAverageSpeed : document.getElementById("tdAverageSpeed"), |
98 | | tdMovingAverageSpeed : document.getElementById("tdMovingAverageSpeed"), |
99 | | tdTimeRemaining : document.getElementById("tdTimeRemaining"), |
100 | | tdTimeElapsed : document.getElementById("tdTimeElapsed"), |
101 | | tdPercentUploaded : document.getElementById("tdPercentUploaded"), |
102 | | tdSizeUploaded : document.getElementById("tdSizeUploaded"), |
103 | | tdProgressEventCount : document.getElementById("tdProgressEventCount") |
104 | | } |
105 | | }; |
| 96 | var swfu = new SWFUpload(settings); |
| 97 | </script> |