Sophie

Sophie

distrib > Mandriva > 2010.0 > i586 > media > contrib-release > by-pkgid > 89346381d9fb64d9ee8827de5f073355 > files > 71

php-pear-HTML_Progress2-2.4.1-3mdv2010.0.noarch.rpm

<?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>
      Monitoring 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&nbsp;21.&nbsp;Examples" />
    <link rel="prev" href="ch21s04.html" title="Observer usage " />
    <link rel="next" href="ch21s06.html" title=
    "Progress Generator wizard 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">
                  Monitoring usage
                </th>
              </tr>
              <tr>
                <td width="20%" align="left">
                  <a accesskey="p" href="ch21s04.html">Prev</a>&nbsp;
                </td>
                <th width="60%" align="center">
                  Chapter&nbsp;21.&nbsp;Examples
                </th>
                <td width="20%" align="right">
                  &nbsp;<a accesskey="n" href="ch21s06.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.monitor" id="examples.monitor"></a>Monitoring usage
        </h2>
      </div>
      <div class="toc">
        <dl>
          <dt>
            <span class="sect2"><a href=
            "ch21s05.html#examples.monitor.1"></a></span>
          </dt>
        </dl>
      </div>
      <div class="sect2" lang="en" xml:lang="en">
        <div class="titlepage"></div>
        <div class="figure">
          <a name="id4852087" id="id4852087"></a>
          <p class="title c2">
            Figure&nbsp;21.5.&nbsp;Monitoring usage
          </p>
          <div class="screenshot">
            <img src="img/monitor1.png" alt="Monitoring usage" />
          </div>
        </div>
        <p>
          Goals of this example are to show how to include a progress bar into
          a quickform window, that can be stop at any time by user-end, and
          used this monitor with the indeterminate mode.
        </p>
        <div class="example">
          <a name="id4852010" id="id4852010"></a>
          <p class="title c2">
            Example&nbsp;21.5.&nbsp;progress bar into a quickform window
          </p>
          <div class="php c3">
            <ol>
              <li class="li1">
                <div class="de1">
                  <span class="kw2">&lt;?php</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="kw1">require_once</span> <span class=
                  "st0">'HTML/Progress2/Monitor.php'</span><span class=
                  "sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="kw2">function</span>
                  myFunctionHandler<span class="br0">(</span><span class=
                  "re1">$pValue</span><span class="sy0">,</span> <span class=
                  "sy0">&amp;</span><span class="re1">$pb</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">
                  &nbsp; &nbsp; <span class="kw3">global</span> <span class=
                  "re1">$pm</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; <span class="re1">$pb</span><span class=
                  "sy0">-&gt;</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">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; <span class="kw1">if</span> <span class=
                  "br0">(</span><span class="sy0">!</span><span class=
                  "re1">$pb</span><span class="sy0">-&gt;</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">
                  &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span>
                  <span class="br0">(</span><span class=
                  "kw3">fmod</span><span class="br0">(</span><span class=
                  "re1">$pValue</span><span class="sy0">,</span><span class=
                  "nu0">10</span><span class="br0">)</span> <span class=
                  "sy0">==</span> <span class="nu0">0</span><span class=
                  "br0">)</span> <span class="br0">{</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=
                  "re1">$pm</span><span class="sy0">-&gt;</span><span class=
                  "me1">setCaption</span><span class="br0">(</span><span class=
                  "st0">'myFunctionHandler -&gt; progress value is =
                  %value%'</span><span class="sy0">,</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                  <span class="kw3">array</span><span class=
                  "br0">(</span><span class="st0">'value'</span> <span class=
                  "sy0">=&gt;</span> <span class=
                  "re1">$pValue</span><span class="br0">)</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class=
                  "br0">)</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">}</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; <span class="br0">}</span> <span class=
                  "kw1">elseif</span> <span class="br0">(</span><span class=
                  "re1">$pValue</span> <span class="sy0">==</span> <span class=
                  "nu0">60</span><span class="br0">)</span> <span class=
                  "br0">{</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; &nbsp; &nbsp; <span class=
                  "re1">$pb</span><span class="sy0">-&gt;</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">
                  &nbsp; &nbsp; &nbsp; &nbsp; <span class=
                  "re1">$pb</span><span class="sy0">-&gt;</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">
                  &nbsp; &nbsp; <span class="br0">}</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="br0">}</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$pm</span> <span class="sy0">=</span>
                  <span class="kw2">new</span>
                  HTML_Progress2_Monitor<span class="br0">(</span><span class=
                  "st0">'frmMonitor4'</span><span class="sy0">,</span>
                  <span class="kw3">array</span><span class="br0">(</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; <span class="st0">'button'</span> <span class=
                  "sy0">=&gt;</span> <span class="kw3">array</span><span class=
                  "br0">(</span><span class="st0">'style'</span> <span class=
                  "sy0">=&gt;</span> <span class=
                  "st0">'width:80px;'</span><span class=
                  "br0">)</span><span class="sy0">,</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; <span class="st0">'autorun'</span> <span class=
                  "sy0">=&gt;</span> <span class="kw2">true</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; <span class="br0">)</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="br0">)</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$pb</span> <span class="sy0">=&amp;</span>
                  <span class="re1">$pm</span><span class=
                  "sy0">-&gt;</span><span class=
                  "me1">getProgressElement</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">-&gt;</span><span class=
                  "me1">setAnimSpeed</span><span class=
                  "br0">(</span><span class="nu0">100</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">-&gt;</span><span class=
                  "me1">setCellCount</span><span class=
                  "br0">(</span><span class="nu0">20</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">-&gt;</span><span class=
                  "me1">setProgressAttributes</span><span class=
                  "br0">(</span><span class=
                  "st0">'background-color=#EEE'</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">-&gt;</span><span class=
                  "me1">setCellAttributes</span><span class=
                  "br0">(</span><span class="st0">'inactive-color=#FFF
                  active-color=#444444'</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">-&gt;</span><span class=
                  "me1">setLabelAttributes</span><span class=
                  "br0">(</span><span class="st0">'pct1'</span><span class=
                  "sy0">,</span> <span class=
                  "st0">'color=navy'</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">-&gt;</span><span class=
                  "me1">setLabelAttributes</span><span class=
                  "br0">(</span><span class=
                  "st0">'monitorStatus'</span><span class="sy0">,</span>
                  <span class="st0">'color=navy
                  font-size=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">-&gt;</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">-&gt;</span><span class=
                  "me1">setProgressHandler</span><span class=
                  "br0">(</span><span class=
                  "st0">'myFunctionHandler'</span><span class=
                  "br0">)</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$pm</span><span class=
                  "sy0">-&gt;</span><span class=
                  "me1">setProgressElement</span><span class=
                  "br0">(</span><span class="re1">$pb</span><span class=
                  "br0">)</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="kw2">?&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;!</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">
                  &nbsp; &nbsp; <span class=
                  "st0">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"</span><span class="sy0">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;</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">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;</span>head<span class=
                  "sy0">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;</span>title<span class=
                  "sy0">&gt;</span>Custom Progress2 Monitor <span class=
                  "sy0">&lt;/</span>title<span class="sy0">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;</span>style type<span class=
                  "sy0">=</span><span class="st0">"text/css"</span><span class=
                  "sy0">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;!--</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  body <span class="br0">{</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; background<span class=
                  "sy0">-</span>color<span class="sy0">:</span>
                  lightgrey<span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp; &nbsp; 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">
                  <span class="kw2">&lt;?php</span> <span class=
                  "kw3">echo</span> <span class="re1">$pm</span><span class=
                  "sy0">-&gt;</span><span class=
                  "me1">getStyle</span><span class="br0">(</span><span class=
                  "br0">)</span><span class="sy0">;</span> <span class=
                  "kw2">?&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;<span class="sy0">--&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;/</span>style<span class=
                  "sy0">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="kw2">&lt;?php</span> <span class=
                  "kw3">echo</span> <span class="re1">$pm</span><span class=
                  "sy0">-&gt;</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">?&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;/</span>head<span class=
                  "sy0">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;</span>body<span class=
                  "sy0">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="kw2">&lt;?php</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$renderer</span> <span class=
                  "sy0">=&amp;</span> HTML_QuickForm<span class=
                  "sy0">::</span><span class=
                  "me2">defaultRenderer</span><span class=
                  "br0">(</span><span class="br0">)</span><span class=
                  "sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$renderer</span><span class=
                  "sy0">-&gt;</span><span class=
                  "me1">setFormTemplate</span><span class=
                  "br0">(</span><span class="st0">'</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&lt;form{attributes}&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp;&lt;table width="450" border="0"
                  cellpadding="3" cellspacing="2" bgcolor="#EEEEEE"&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp;{content}</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp;&lt;/table&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&lt;/form&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">'</span><span class=
                  "br0">)</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$renderer</span><span class=
                  "sy0">-&gt;</span><span class=
                  "me1">setElementTemplate</span><span class=
                  "br0">(</span><span class="st0">'</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp;&lt;tr&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp; &nbsp;&lt;td valign="top"
                  style="padding-left:15px;"&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp; &nbsp;{element}</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp; &nbsp;&lt;/td&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp;&lt;/tr&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">'</span><span class=
                  "br0">)</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$renderer</span><span class=
                  "sy0">-&gt;</span><span class=
                  "me1">setHeaderTemplate</span><span class=
                  "br0">(</span><span class="st0">'</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp;&lt;tr&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp; &nbsp;&lt;td
                  style="background:#7B7B88;color:#ffc;" align="left"
                  colspan="2"&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp; &nbsp;
                  &nbsp;&lt;b&gt;{header}&lt;/b&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp; &nbsp;&lt;/td&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">&nbsp;&lt;/tr&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="st0">'</span><span class=
                  "br0">)</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$pm</span><span class=
                  "sy0">-&gt;</span><span class="me1">accept</span><span class=
                  "br0">(</span><span class="re1">$renderer</span><span class=
                  "br0">)</span><span class="sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="kw3">echo</span> <span class=
                  "re1">$renderer</span><span class=
                  "sy0">-&gt;</span><span class="me1">toHtml</span><span class=
                  "br0">(</span><span class="br0">)</span><span class=
                  "sy0">;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="re1">$pm</span><span class=
                  "sy0">-&gt;</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">?&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  &nbsp;
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;/</span>body<span class=
                  "sy0">&gt;</span>
                </div>
              </li>
              <li class="li1">
                <div class="de1">
                  <span class="sy0">&lt;/</span>html<span class=
                  "sy0">&gt;</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="ch21s04.html">Prev</a>&nbsp;
          </td>
          <td width="20%" align="center">
            <a accesskey="u" href="ch21.html">Up</a>
          </td>
          <td width="40%" align="right">
            &nbsp;<a accesskey="n" href="ch21s06.html">Next</a>
          </td>
        </tr>
        <tr>
          <td width="40%" align="left" valign="top">
            Observer usage &nbsp;
          </td>
          <td width="20%" align="center">
            <a accesskey="h" href="index.html">Home</a>
          </td>
          <td width="40%" align="right" valign="top">
            &nbsp;Progress Generator wizard usage
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>