← Back to branch summary

~clinton-collins/familyproject/trunk

« back to all changes in this revision

Viewing changes to ZendFramework/demos/Zend/ProgressBar/ZendForm.php

  • Committer: Clinton Collins
  • Date: 2009-06-26 19:54:58 UTC
  • Revision ID: clinton.collins@gmail.com-20090626195458-5ebba0qcvo15xlpy
Initial Import

Show diffs side-by-side

added added

removed removed

Lines of Context:
ZendFramework/demos/Zend/ProgressBar/ZendForm.php
 
1
<?php
 
2
/**
 
3
 * Zend Framework
 
4
 *
 
5
 * LICENSE
 
6
 *
 
7
 * This source file is subject to the new BSD license that is bundled
 
8
 * with this package in the file LICENSE.txt.
 
9
 * It is also available through the world-wide-web at this URL:
 
10
 * http://framework.zend.com/license/new-bsd
 
11
 * If you did not receive a copy of the license and are unable to
 
12
 * obtain it through the world-wide-web, please send an email
 
13
 * to license@zend.com so we can send you a copy immediately.
 
14
 *
 
15
 * @category   Zend
 
16
 * @package    Zend_ProgressBar
 
17
 * @subpackage Demos
 
18
 * @copyright  Copyright (c) 2005-2008 Zend Technologies USA Inc. (http://www.zend.com)
 
19
 * @license    http://framework.zend.com/license/new-bsd     New BSD License
 
20
 */
 
21
 
 
22
/**
 
23
 * This sample file demonstrates an advanced use case of Zend_ProgressBar with
 
24
 * Zend_Form and Zend_File_Transfer.
 
25
 */
 
26
 
 
27
set_include_path(realpath(dirname(__FILE__) . '/../../../library')
 
28
                 . PATH_SEPARATOR . get_include_path());
 
29
 
 
30
if (isset($_GET['progress_key'])) {
 
31
    require_once 'Zend/File/Transfer/Adapter/Http.php';
 
32
    require_once 'Zend/ProgressBar.php';
 
33
    require_once 'Zend/ProgressBar/Adapter/JsPull.php';
 
34
 
 
35
    $adapter = new Zend_ProgressBar_Adapter_JsPull();
 
36
    Zend_File_Transfer_Adapter_Http::getProgress(array('progress' => $adapter));
 
37
    die;
 
38
}
 
39
?>
 
40
<html>
 
41
<head>
 
42
    <title>Zend_ProgressBar Upload Demo</title>
 
43
    <style type="text/css">
 
44
        iframe {
 
45
            position: absolute;
 
46
            left: -100px;
 
47
            top: -100px;
 
48
 
 
49
            width: 10px;
 
50
            height: 10px;
 
51
            overflow: hidden;
 
52
        }
 
53
 
 
54
        #progressbar {
 
55
            position: absolute;
 
56
            left: 10px;
 
57
            top: 120px;
 
58
        }
 
59
 
 
60
        .pg-progressbar {
 
61
            position: relative;
 
62
 
 
63
            width: 250px;
 
64
            height: 24px;
 
65
            overflow: hidden;
 
66
 
 
67
            border: 1px solid #c6c6c6;
 
68
        }
 
69
 
 
70
        .pg-progress {
 
71
            z-index: 150;
 
72
 
 
73
            position: absolute;
 
74
            left: 0;
 
75
            top: 0;
 
76
 
 
77
            width: 0;
 
78
            height: 24px;
 
79
            overflow: hidden;
 
80
        }
 
81
 
 
82
        .pg-progressstyle {
 
83
            height: 22px;
 
84
 
 
85
            border: 1px solid #748a9e;
 
86
            background-image: url('animation.gif');
 
87
        }
 
88
 
 
89
        .pg-text,
 
90
        .pg-invertedtext {
 
91
            position: absolute;
 
92
            left: 0;
 
93
            top: 4px;
 
94
 
 
95
            width: 250px;
 
96
 
 
97
            text-align: center;
 
98
            font-family: sans-serif;
 
99
            font-size: 12px;
 
100
        }
 
101
 
 
102
        .pg-invertedtext {
 
103
            color: #ffffff;
 
104
        }
 
105
 
 
106
        .pg-text {
 
107
            z-index: 100;
 
108
            color: #000000;
 
109
        }
 
110
    </style>
 
111
    <script type="text/javascript">
 
112
        function makeRequest(url)
 
113
        {
 
114
            var httpRequest;
 
115
 
 
116
            if (window.XMLHttpRequest) {
 
117
                httpRequest = new XMLHttpRequest();
 
118
                if (httpRequest.overrideMimeType) {
 
119
                    httpRequest.overrideMimeType('text/xml');
 
120
                }
 
121
            } else if (window.ActiveXObject) {
 
122
                try {
 
123
                    httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
 
124
                } catch (e) {
 
125
                    try {
 
126
                        httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
 
127
                    } catch (e) {}
 
128
                }
 
129
            }
 
130
 
 
131
            if (!httpRequest) {
 
132
                alert('Giving up :( Cannot create an XMLHTTP instance');
 
133
                return false;
 
134
            }
 
135
 
 
136
            httpRequest.onreadystatechange = function() { evalProgress(httpRequest); };
 
137
            httpRequest.open('GET', url, true);
 
138
            httpRequest.send('');
 
139
 
 
140
        }
 
141
 
 
142
        function observeProgress()
 
143
        {
 
144
            setTimeout("getProgress()", 1500);
 
145
        }
 
146
 
 
147
        function getProgress()
 
148
        {
 
149
            makeRequest('ZendForm.php?progress_key=' + document.getElementById('progress_key').value);
 
150
        }
 
151
 
 
152
        function evalProgress(httpRequest)
 
153
        {
 
154
            try {
 
155
                if (httpRequest.readyState == 4) {
 
156
                    if (httpRequest.status == 200) {
 
157
                        eval('var data = ' + httpRequest.responseText);
 
158
 
 
159
                        if (data.finished) {
 
160
                            finish();
 
161
                        } else {
 
162
                            update(data);
 
163
                            setTimeout("getProgress()", 1000);
 
164
                        }
 
165
                    } else {
 
166
                        alert('There was a problem with the request.');
 
167
                    }
 
168
                }
 
169
            } catch(e) {
 
170
                alert('Caught Exception: ' + e.description);
 
171
            }
 
172
        }
 
173
 
 
174
        function update(data)
 
175
        {
 
176
            document.getElementById('pg-percent').style.width = data.percent + '%';
 
177
 
 
178
            document.getElementById('pg-text-1').innerHTML = data.text;
 
179
            document.getElementById('pg-text-2').innerHTML = data.text;
 
180
        }
 
181
 
 
182
        function finish()
 
183
        {
 
184
            document.getElementById('pg-percent').style.width = '100%';
 
185
 
 
186
            document.getElementById('pg-text-1').innerHTML = 'Upload done';
 
187
            document.getElementById('pg-text-2').innerHTML = 'Upload done';
 
188
        }
 
189
    </script>
 
190
</head>
 
191
<body>
 
192
    <?php
 
193
    require_once 'Zend/View.php';
 
194
    require_once 'Zend/Form.php';
 
195
 
 
196
    $form = new Zend_Form(array(
 
197
        'enctype'  => 'multipart/form-data',
 
198
        'action'   => 'ZendForm.php',
 
199
        'target'   => 'uploadTarget',
 
200
        'onsubmit' => 'observeProgress();',
 
201
        'elements' => array(
 
202
            'file'   => array('file', array('label' => 'File')),
 
203
            'submit' => array('submit', array('label' => 'Upload!'))
 
204
        )
 
205
    ));
 
206
 
 
207
    $form->setView(new Zend_View());
 
208
 
 
209
    echo $form;
 
210
    ?>
 
211
    <iframe name="uploadTarget"></iframe>
 
212
 
 
213
    <div id="progressbar">
 
214
        <div class="pg-progressbar">
 
215
            <div class="pg-progress" id="pg-percent">
 
216
                <div class="pg-progressstyle"></div>
 
217
                <div class="pg-invertedtext" id="pg-text-1"></div>
 
218
            </div>
 
219
            <div class="pg-text" id="pg-text-2"></div>
 
220
        </div>
 
221
    </div>
 
222
    <div id="progressBar"><div id="progressDone"></div></div>
 
223
</body>
 
224
</html>
 
225