Changes between Version 3 and Version 4 of ZooWebSite/ZooDemo/Forms


Ignore:
Timestamp:
Apr 15, 2010, 2:15:42 AM (14 years ago)
Author:
djay
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • ZooWebSite/ZooDemo/Forms

    v3 v4  
    11{{{
    22#!html
    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" />&#160;&#160;<a style="display:none" href="#" id="newdoc">test.pdf (9ko)</a></p>
     40     </td>
     41    </tr>
     42   </table>
     43  </form>
    1744
    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>
    3149
    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" />&#160;&#160;<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>
    6152
    6253<script type="text/javascript">
    6354var settings = {
    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",
    7170
    72                                 debug: false,
     71  moving_average_history_size: 40,
    7372
    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,
    8080
     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};
    8195
    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                         };
     96var swfu = new SWFUpload(settings);
     97</script>
    10698
    107                         var swfu = new SWFUpload(settings);
    108 </script>
    109 <div class="post">
    11099<h1 class="title">ZOO Demo: QR Creator</h1>
    111100
    112101<table class="docConverter">
    113102<tr>
    114 <td valign="top"><p>Enter any valid URL:</p></td>
    115 <td><input class='qrinput' id="qrinput" type='text' /><br></p></td>
     103<td valign="top"><p>Enter any valid URL:</td>
     104<td><input class='qrinput' id="qrinput" type='text' /><br /></td>
    116105</tr>
    117106<tr>
    118107<td valign="top"><p>Get new QR code:</p></td>
    119 <td><input type="buton" value="OK" class="qrOK" onclick="document.getElementById('qr_output').src='http://160.193.16.171/zoosoo/?request=Execute&service=WPS&version=1.0.0&Identifier=QREncode&DataInputs=Text='+document.getElementById('qrinput').value+'&RawDataOutput=QR';" /></td>
    120 
     108<td><input type="buton" value="OK" class="qrOK" onclick="document.getElementById('qr_output').src='http://zoo-project.org/zoosoo/?request=Execute&service=WPS&version=1.0.0&Identifier=QREncode&DataInputs=Text='+document.getElementById('qrinput').value+'&RawDataOutput=QR';" /></td>
    121109 </tr>
    122110<tr>
    123 <td>
    124 <center><img id="qr_output" src="http://160.193.16.171/zoosoo/?request=Execute&service=WPS&version=1.0.0&Identifier=QREncode&DataInputs=Text=http://160.193.16.171/&RawDataOutput=QR" /></center>
     111<td colspan="2">
     112<center><img id="qr_output" src="http://zoo-project.org/zoosoo/?request=Execute&service=WPS&version=1.0.0&Identifier=QREncode&DataInputs=Text=http://zoo-project.org/&RawDataOutput=QR" /></center>
    125113</td>
    126114</tr>
    127115</table>
    128116
    129 </div>
    130 
    131 <div class="post">
    132117<h2>Description</h2>
    133118<p>The ZOO QR Creator demo is using the ZOO QR service to create QR codes dynamically.</p>
    134 
    135119}}}

Download now !

Search

Context Navigation

Main Navigation

ZOO Sponsors

http://www.zoo-project.org/trac/chrome/site/img/geolabs-logo.pnghttp://www.zoo-project.org/trac/chrome/site/img/neogeo-logo.png http://www.zoo-project.org/trac/chrome/site/img/apptech-logo.png http://www.zoo-project.org/trac/chrome/site/img/3liz-logo.png http://www.zoo-project.org/trac/chrome/site/img/gateway-logo.png

Become a sponsor !

Knowledge partners

http://www.zoo-project.org/trac/chrome/site/img/ocu-logo.png http://www.zoo-project.org/trac/chrome/site/img/gucas-logo.png http://www.zoo-project.org/trac/chrome/site/img/polimi-logo.png http://www.zoo-project.org/trac/chrome/site/img/fem-logo.png http://www.zoo-project.org/trac/chrome/site/img/supsi-logo.png http://www.zoo-project.org/trac/chrome/site/img/cumtb-logo.png

Become a knowledge partner

Related links

http://zoo-project.org/img/ogclogo.png http://zoo-project.org/img/osgeologo.png