PHP Classes

File: demo/demo-class.php

Recommend this page to a friend!
  Classes of Alexander Selifonov   PHP Long Running Operations   demo/demo-class.php   Download  
File: demo/demo-class.php
Role: Auxiliary script
Content type: text/plain
Description: frontend demo (OOP)
Class: PHP Long Running Operations
Execute long operations split in small tasks
Author: By
Last change: Update of demo/demo-class.php
Date: 4 months ago
Size: 1,983 bytes


Class file image Download
* @name demo-class.php
* Demonstration for class.longops.php
* @author Alexander Selifonov
* @license MIT

session_start(); // We'll need SESSION to store the state between "working iterations"

<!DOCTYPE html>
<title>Longops Demonstration</title>
<meta charset="utf-8">
<style type="text/css">
  body { margin:0; padding: 0; font:normal 12px verdana,tahoma,arial; text-align:center }
 .div_shade {
      box-shadow:4px 4px 4px rgba(80,80,80,0.8);
      -webkit-box-shadow:4px 4px 4px rgba(80,80,80,0.8);
      -moz-box-shadow:4px 4px 4px rgba(80,80,80,0.8);
  .result { border:1px solid #aae; text-align:left; padding:8px; background: #eef; width:80%; margin-left:auto; margin-right:auto;}
<link rel="stylesheet" href="jquery-ui-custom.css" type="text/css" />

<script src="jquery.min.js"></script>
<script src="jquery-ui-custom.min.js"></script>
<script src="../src/longops.jQuery.js"></script>

<script type="text/javascript">
function startLongop() {
    var options = {
        backend: 'demo-class-backend.php'
       ,title : 'Very long operation (OOP)'
       ,comment: 'Relax and enjoy the progress.'
// ,autoClose: 2 // when process finished, modal dialog will close in 2 seconds
       ,onSuccess: function() {
           $('#result').append('Your long operation successfully finished <br>');
       ,onCancel: function() { $('#result').append('Your long operation was canceled<br>'); }
    params = { useroperation:'backupme', userdate:'2013-09-16'};
    longOps.start(params, options);

<h2>PHP LongOps (Long Operations) demonstration</h2>
To start "long operation" emulation, Click the button below: <br><br>
<input type="button" class="button" onclick="startLongop()" value="Start the demo" />
<div id="result" class="result" style="height:80px; overflow:auto"></div>