| Current File : //opt/RZphp5/includes/doc/HTML_Progress2/docs/TDG/ch21s02.html |
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
Indeterminate Mode usage
</title>
<link rel="stylesheet" href="book.css" type="text/css" />
<meta name="generator" content="DocBook XSL Stylesheets V1.69.1" />
<link rel="start" href="index.html" title="HTML_Progress2 Manual" />
<link rel="up" href="ch21.html" title="Chapter 21. Examples" />
<link rel="prev" href="ch21.html" title="Chapter 21. Examples" />
<link rel="next" href="ch21s03.html" title="Multiple Labels usage " />
<style type="text/css">
/*<![CDATA[*/
body {
background-color: white;
color: black;
}
:link { color: #0000FF }
:visited { color: #840084 }
:active { color: #0000FF }
div.c3 {font-family: monospace;}
p.c2 {font-weight: bold}
h2.c1 {clear: both}
/*]]>*/
</style>
</head>
<body>
<table class="progress2Header">
<tr>
<td>
<img src="img/pear_progress2.gif" align="left" alt=
"PEAR Progress2 logo" />
<h1>
HTML_Progress2 : The Definitive Guide
</h1>
<div class="navheader">
<table width="100%" summary="Navigation header">
<tr>
<th colspan="3" align="center">
Indeterminate Mode usage
</th>
</tr>
<tr>
<td width="20%" align="left">
<a accesskey="p" href="ch21.html">Prev</a>
</td>
<th width="60%" align="center">
Chapter 21. Examples
</th>
<td width="20%" align="right">
<a accesskey="n" href="ch21s03.html">Next</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<div class="sect1" lang="en" xml:lang="en">
<div class="titlepage">
<h2 class="title c1">
<a name="examples.indeterminate" id=
"examples.indeterminate"></a>Indeterminate Mode usage
</h2>
</div>
<div class="toc">
<dl>
<dt>
<span class="sect2"><a href=
"ch21s02.html#examples.indeterminate.1"></a></span>
</dt>
</dl>
</div>
<div class="sect2" lang="en" xml:lang="en">
<div class="titlepage"></div>
<div class="figure">
<a name="id4849018" id="id4849018"></a>
<p class="title c2">
Figure 21.2. Indeterminate Mode usage
</p>
<div class="screenshot">
<img src="img/indeterminate1.png" alt="Indeterminate Mode usage" />
</div>
</div>
<p>
Goal of this example is to show how to display a progress bar in
indeterminate mode then switch it to determinate mode after a while.
We will consider that after 12 seconds elapsed we got awaiting
(supposed) missing information.
</p>
<div class="example">
<a name="id4848417" id="id4848417"></a>
<p class="title c2">
Example 21.2. progress bar in indeterminate mode
</p>
<div class="php c3">
<ol>
<li class="li1">
<div class="de1">
<span class="kw2"><?php</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw1">require_once</span> <span class=
"st0">'HTML/Progress2.php'</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw2">function</span>
myProgressHandler<span class="br0">(</span><span class=
"re1">$pValue</span><span class="sy0">,</span> <span class=
"sy0">&</span><span class="re1">$pBar</span><span class=
"br0">)</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="br0">{</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw3">static</span> <span class=
"re1">$c</span><span class="sy0">,</span> <span class=
"re1">$t</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw1">if</span> <span class=
"br0">(</span><span class="sy0">!</span><span class=
"kw3">isset</span><span class="br0">(</span><span class=
"re1">$c</span><span class="br0">)</span><span class=
"br0">)</span> <span class="br0">{</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$c</span>
<span class="sy0">=</span> <span class=
"kw3">time</span><span class="br0">(</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$t</span>
<span class="sy0">=</span> <span class=
"nu0">0</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="br0">}</span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pBar</span><span class=
"sy0">-></span><span class="me1">sleep</span><span class=
"br0">(</span><span class="br0">)</span><span class=
"sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw1">if</span> <span class=
"br0">(</span><span class="re1">$pBar</span><span class=
"sy0">-></span><span class=
"me1">isIndeterminate</span><span class=
"br0">(</span><span class="br0">)</span><span class=
"br0">)</span> <span class="br0">{</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$elapse</span>
<span class="sy0">=</span> <span class=
"kw3">time</span><span class="br0">(</span><span class=
"br0">)</span> <span class="sy0">-</span> <span class=
"re1">$c</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw1">if</span>
<span class="br0">(</span><span class="re1">$elapse</span>
<span class="sy0">></span> <span class=
"re1">$t</span><span class="br0">)</span> <span class=
"br0">{</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class=
"kw3">echo</span> <span class="st0">"myProgressHandler ->
elapse time = $elapse s.<br />"</span><span class=
"sy0">.</span>PHP_EOL<span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class=
"re1">$t</span><span class="sy0">++;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="br0">}</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw1">if</span>
<span class="br0">(</span><span class="re1">$elapse</span>
<span class="sy0">>=</span> <span class=
"nu0">12</span><span class="br0">)</span> <span class=
"br0">{</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class=
"re1">$pBar</span><span class="sy0">-></span><span class=
"me1">setIndeterminate</span><span class=
"br0">(</span><span class="kw2">false</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class=
"re1">$pBar</span><span class="sy0">-></span><span class=
"me1">setValue</span><span class="br0">(</span><span class=
"nu0">0</span><span class="br0">)</span><span class=
"sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class=
"re1">$pBar</span><span class="sy0">-></span><span class=
"me1">setIncrement</span><span class=
"br0">(</span><span class="nu0">5</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="br0">}</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="br0">}</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="br0">}</span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span> <span class="sy0">=</span>
<span class="kw2">new</span> HTML_Progress2<span class=
"br0">(</span><span class="br0">)</span><span class=
"sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">setAnimSpeed</span><span class=
"br0">(</span><span class="nu0">200</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">setIncrement</span><span class=
"br0">(</span><span class="nu0">10</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">setProgressAttributes</span><span class=
"br0">(</span><span class=
"st0">'background-color=#E0E0E0'</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">setCellAttributes</span><span class=
"br0">(</span><span class=
"st0">'active-color=#996'</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">setLabelAttributes</span><span class=
"br0">(</span><span class="st0">'pct1'</span><span class=
"sy0">,</span> <span class="kw3">array</span><span class=
"br0">(</span><span class="st0">'color'</span> <span class=
"sy0">=></span> <span class=
"st0">'#996'</span><span class="br0">)</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">setIndeterminate</span><span class=
"br0">(</span><span class="kw2">true</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">setProgressHandler</span><span class=
"br0">(</span><span class=
"st0">'myProgressHandler'</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw2">?></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"><!</span>DOCTYPE html <span class=
"kw2">PUBLIC</span> <span class="st0">"-//W3C//DTD XHTML 1.0
Strict//EN"</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class=
"st0">"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</span><span class="sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"><</span>html xmlns<span class=
"sy0">=</span><span class=
"st0">"http://www.w3.org/1999/xhtml"</span> xml<span class=
"sy0">:</span>lang<span class="sy0">=</span><span class=
"st0">"en"</span><span class="sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"><</span>head<span class=
"sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"><</span>title<span class=
"sy0">></span>Half Indeterminate Progress2
example<span class="sy0"></</span>title<span class=
"sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"><</span>style type<span class=
"sy0">=</span><span class="st0">"text/css"</span><span class=
"sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"><!--</span>
</div>
</li>
<li class="li1">
<div class="de1">
body <span class="br0">{</span>
</div>
</li>
<li class="li1">
<div class="de1">
background<span class=
"sy0">-</span>color<span class="sy0">:</span> <span class=
"co2">#CCCC99;</span>
</div>
</li>
<li class="li1">
<div class="de1">
color<span class="sy0">:</span> <span class=
"co2">#996;</span>
</div>
</li>
<li class="li1">
<div class="de1">
font<span class=
"sy0">-</span>family<span class="sy0">:</span>
Verdana<span class="sy0">,</span> Arial<span class=
"sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="br0">}</span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw2"><?php</span> <span class=
"kw3">echo</span> <span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">getStyle</span><span class="br0">(</span><span class=
"br0">)</span><span class="sy0">;</span> <span class=
"kw2">?></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0">--></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"></</span>style<span class=
"sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw2"><?php</span> <span class=
"kw3">echo</span> <span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">getScript</span><span class="br0">(</span><span class=
"kw2">false</span><span class="br0">)</span><span class=
"sy0">;</span> <span class="kw2">?></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"></</span>head<span class=
"sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"><</span>body<span class=
"sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw2"><?php</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class=
"me1">display</span><span class="br0">(</span><span class=
"br0">)</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw3">echo</span> <span class="st0">'<br
/><br />'</span><span class="sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="re1">$pb</span><span class=
"sy0">-></span><span class="me1">run</span><span class=
"br0">(</span><span class="br0">)</span><span class=
"sy0">;</span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="kw2">?></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"><</span>p<span class=
"sy0">><</span>b<span class="sy0">></span>Process
Ended <span class="sy0">!</</span>b<span class=
"sy0">></</span>p<span class="sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"></</span>body<span class=
"sy0">></span>
</div>
</li>
<li class="li1">
<div class="de1">
<span class="sy0"></</span>html<span class=
"sy0">></span>
</div>
</li>
</ol>
</div>
</div>
</div>
</div>
<table class="progress2Footer">
<tr>
<td align="left">
HTML_Progress2 : The Definitive Guide
</td>
<td align="right">
v 2.4.0 : April 20, 2007
</td>
</tr>
</table>
<div class="navfooter">
<hr />
<table width="100%" summary="Navigation footer">
<tr>
<td width="40%" align="left">
<a accesskey="p" href="ch21.html">Prev</a>
</td>
<td width="20%" align="center">
<a accesskey="u" href="ch21.html">Up</a>
</td>
<td width="40%" align="right">
<a accesskey="n" href="ch21s03.html">Next</a>
</td>
</tr>
<tr>
<td width="40%" align="left" valign="top">
Chapter 21. Examples
</td>
<td width="20%" align="center">
<a accesskey="h" href="index.html">Home</a>
</td>
<td width="40%" align="right" valign="top">
Multiple Labels usage
</td>
</tr>
</table>
</div>
</body>
</html>