<?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> Multiple Labels 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="ch21s02.html" title="Indeterminate Mode usage " /> <link rel="next" href="ch21s04.html" title="Observer 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"> Multiple Labels usage </th> </tr> <tr> <td width="20%" align="left"> <a accesskey="p" href="ch21s02.html">Prev</a> </td> <th width="60%" align="center"> Chapter 21. Examples </th> <td width="20%" align="right"> <a accesskey="n" href="ch21s04.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.label.multiple" id= "examples.label.multiple"></a>Multiple Labels usage </h2> </div> <div class="toc"> <dl> <dt> <span class="sect2"><a href= "ch21s03.html#examples.label.1"></a></span> </dt> </dl> </div> <div class="sect2" lang="en" xml:lang="en"> <div class="titlepage"></div> <div class="figure"> <a name="id4848861" id="id4848861"></a> <p class="title c2"> Figure 21.3. Multi Labels usage </p> <div class="screenshot"> <img src="img/mixed2.png" alt="Multi Labels usage" /> </div> </div> <p> Goals of this example is to show multiple labels usage. All four kind of label are presented with <code class= "methodname">addLabel()</code> and <code class= "methodname">setLabelAttributes()</code> methods implementation. </p> <div class="example"> <a name="id4848903" id="id4848903"></a> <p class="title c2"> Example 21.3. Four kind of progress label </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="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">300</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"> </div> </li> <li class="li1"> <div class="de1"> <span class="co1">// Adds additional labels</span> </div> </li> <li class="li1"> <div class="de1"> <span class="re1">$pb</span><span class= "sy0">-></span><span class= "me1">addLabel</span><span class= "br0">(</span>HTML_PROGRESS2_LABEL_TEXT<span class= "sy0">,</span> <span class="st0">'txt1'</span><span class= "sy0">,</span> <span class="st0">'Fire at will'</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="re1">$pb</span><span class= "sy0">-></span><span class= "me1">addLabel</span><span class= "br0">(</span>HTML_PROGRESS2_LABEL_CROSSBAR<span class= "sy0">,</span> <span class="st0">'crs1'</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">'crs1'</span><span class= "sy0">,</span> <span class="kw3">array</span><span class= "br0">(</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'valign'</span> <span class= "sy0">=></span> <span class="st0">'top'</span><span class= "sy0">,</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'align'</span> <span class="sy0">=></span> <span class= "st0">'center'</span><span class="sy0">,</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'width'</span> <span class="sy0">=></span> <span class= "nu0">170</span><span class="sy0">,</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'color'</span> <span class="sy0">=></span> <span class= "st0">'blue'</span> </div> </li> <li class="li1"> <div class="de1"> <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="re1">$pb</span><span class= "sy0">-></span><span class= "me1">addLabel</span><span class= "br0">(</span>HTML_PROGRESS2_LABEL_STEP<span class= "sy0">,</span> <span class="st0">'stp1'</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">'stp1'</span><span class= "sy0">,</span> <span class="kw3">array</span><span class= "br0">(</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'valign'</span> <span class= "sy0">=></span> <span class= "st0">'bottom'</span><span class="sy0">,</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'color'</span> <span class="sy0">=></span> <span class= "st0">'blue'</span> </div> </li> <li class="li1"> <div class="de1"> <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="re1">$pb</span><span class= "sy0">-></span><span class= "me1">addLabel</span><span class= "br0">(</span>HTML_PROGRESS2_LABEL_BUTTON<span class= "sy0">,</span> <span class="st0">'btn1'</span><span class= "sy0">,</span> <span class="st0">'Run again'</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">'btn1'</span><span class= "sy0">,</span> <span class="kw3">array</span><span class= "br0">(</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'width'</span> <span class= "sy0">=></span> <span class="nu0">100</span><span class= "sy0">,</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'top'</span> <span class= "sy0">=></span> <span class="nu0">0</span><span class= "sy0">,</span> </div> </li> <li class="li1"> <div class="de1"> <span class="st0">'color'</span> <span class= "sy0">=></span> <span class="st0">'red'</span> </div> </li> <li class="li1"> <div class="de1"> <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>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.w3.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>Labels 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"> <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"> </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">#E0E0E0;</span> </div> </li> <li class="li1"> <div class="de1"> color<span class="sy0">:</span> <span class= "co2">#000000;</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"> <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="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"> </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="ch21s02.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="ch21s04.html">Next</a> </td> </tr> <tr> <td width="40%" align="left" valign="top"> Indeterminate Mode usage </td> <td width="20%" align="center"> <a accesskey="h" href="index.html">Home</a> </td> <td width="40%" align="right" valign="top"> Observer usage </td> </tr> </table> </div> </body> </html>