Changes between Initial Version and Version 1 of ZooWebSite/Demo/FormTools

Timestamp:

Dec 1, 2010, 11:47:56 AM (13 years ago)

Author:

djay

Comment:

First Form Tools Demo Page

ZooWebSite/Demo/FormTools

@@ +1 @@
+= Demo ODT converter =
+
+== Description ==
+
+The ZOO Doc converter demo is using !OpenOffice Server to convert .odt documents on the fly.
+
+== Demo Form ==
+
+{{{
+#!html
+<form enctype="multipart/form-data" method="post" action="index.php" id="form1">
+<table class="docConverter">
+<tbody><tr>
+<td valign="top">
+<p>Browse and upload an .odt document:</p>
+<div>
+<div style="display: none;">
+<input type="file" id="Filedata" name="Filedata">
+</div>
+</div>
+</td>
+<td>
+<input type="text" id="txtFileName" disabled="true" class="qrinput">
+<object width="61" height="22" class="swfupload" data="../swfupload-dist/swfupload.swf?preventswfcaching=1291199686110" type="application/x-shockwave-flash" id="SWFUpload_0"><param value="window" name="wmode"><param value="../swfupload-dist/swfupload.swf?preventswfcaching=1291199686110" name="movie"><param value="high" name="quality"><param value="false" name="menu"><param value="always" name="allowScriptAccess"><param value="movieName=SWFUpload_0&amp;uploadURL=%2Fupload.php&amp;useQueryString=false&amp;requeueOnError=false&amp;httpSuccess=&amp;assumeSuccessTimeout=0&amp;params=&amp;filePostName=Filedata&amp;fileTypes=*.odt&amp;fileTypesDescription=OpenOffice%20Document%20Text%20(.odt)&amp;fileSizeLimit=4%20MB&amp;fileUploadLimit=100&amp;fileQueueLimit=0&amp;debugEnabled=false&amp;buttonImageURL=%2Fimages%2FXPButtonUploadText_61x22.png&amp;buttonWidth=61&amp;buttonHeight=22&amp;buttonText=&amp;buttonTextTopPadding=0&amp;buttonTextLeftPadding=0&amp;buttonTextStyle=color%3A%20%23000000%3B%20font-size%3A%2016pt%3B&amp;buttonAction=-110&amp;buttonDisabled=false&amp;buttonCursor=-1" name="flashvars"></object>
+<div id="ustatus" style="display: none;">
+<p><span id="tdPercentUploaded"></span></p>
+<p>Size Uploaded <span id="tdSizeUploaded"></span></p>
+</div>
+</td>
+</tr>
+<tr>
+<td valign="top"><p>Select an outout format:</p></td>
+<td>
+<div id="runProcess">
+<select disable="true" id="format" class="select">
+   <option value="doc">.doc</option>
+
+      <option value="rtf">.rtf</option>
+         <option value="pdf">.pdf</option>
+         </select>
+         </div>
+         </td>
+         </tr>
+         <tr>
+         <td valign="top"><p>Download your new document:</p><p style="display: none;" id="uloading">Loading, please wait ...</p></td>
+
+         <td>
+         <p><input type="buton" class="qrOK" value="OK" disable="true" id="QROK" onclick="try{runExportDocument();}catch(e){}" />&nbsp;&nbsp;<a id="newdoc" href="#" style="display: none;">test.pdf (9ko)</a></p>
+         </td>
+         </tr>
+
+         </tbody></table>
+</form>
+}}}
+
+
+= QR Creator Demo =
+
+== Description ==
+
+The ZOO QR Creator demo is using the ZOO QR service to create QR codes dynamically.
+
+== Demo Form ==
+{{{
+#!html
+<table class="docConverter">
+<tbody><tr>
+<td valign="top"><p>Enter any valid URL:</p></td>
+<td><input type="text" id="qrinput" class="qrinput"><br></td>
+</tr>
+<tr>
+<td valign="top"><p>Get new QR code:</p></td>
+<td><input type="buton" onclick="document.getElementById('qr_output').src='http://160.193.16.171/zoosoo/?request=Execute&amp;service=WPS&amp;version=1.0.0&amp;Identifier=QREncode&amp;DataInputs=Text='+document.getElementById('qrinput').value+'&amp;RawDataOutput=QR';" class="qrOK" value="OK"></td>
+ </tr>
+<tr>
+<td>
+<center><img src="http://160.193.16.171/zoosoo/?request=Execute&amp;service=WPS&amp;version=1.0.0&amp;Identifier=QREncode&amp;DataInputs=Text=http://160.193.16.171/&amp;RawDataOutput=QR" id="qr_output"></center>
+</td>
+</tr>
+</tbody></table>
+}}}
+
+
+{{{
+#!html
+<script type="text/javascript">
+var settings = {
+                                flash_url : "/swfupload-dist/swfupload.swf",
+                                upload_url: "upload.php",
+                                file_size_limit : "4 MB",
+                                file_types : "*.odt",
+                                file_types_description : "OpenOffice Document Text (.odt)",
+                                file_upload_limit : 100,
+                                file_queue_limit : 0,
+
+                                debug: false,
+
+                                // Button settings
+                                button_image_url: "images/XPButtonUploadText_61x22.png",
+                                button_width: "61",
+                                button_height: "22",
+                                button_placeholder_id: "spanButtonPlaceHolder",
+                                file_post_name: "Filedata",
+
+
+                                moving_average_history_size: 40,
+                                
+                                // The event handler functions are defined in handlers.js
+                                file_queued_handler : fileQueued,
+                                file_dialog_complete_handler: fileDialogComplete,
+                                upload_start_handler : uploadStart,
+                                upload_progress_handler : uploadProgress,
+                                upload_success_handler : uploadSuccess,
+                                upload_complete_handler : uploadComplete,
+                                
+                                custom_settings : {
+                                        tdFilesQueued : document.getElementById("tdFilesQueued"),
+                                        tdFilesUploaded : document.getElementById("tdFilesUploaded"),
+                                        tdErrors : document.getElementById("tdErrors"),
+                                        tdCurrentSpeed : document.getElementById("tdCurrentSpeed"),
+                                        tdAverageSpeed : document.getElementById("tdAverageSpeed"),
+                                        tdMovingAverageSpeed : document.getElementById("tdMovingAverageSpeed"),
+                                        tdTimeRemaining : document.getElementById("tdTimeRemaining"),
+                                        tdTimeElapsed : document.getElementById("tdTimeElapsed"),
+                                        tdPercentUploaded : document.getElementById("tdPercentUploaded"),
+                                        tdSizeUploaded : document.getElementById("tdSizeUploaded"),
+                                        tdProgressEventCount : document.getElementById("tdProgressEventCount")
+                                }
+                        };
+
+                        var swfu;
+                        try{ swfu = new SWFUpload(settings); }catch(e){}
+</script>
+}}}