Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
[e] (0) <details> example
git-svn-id: http://svn.whatwg.org/webapps@3825 340c8d12-0b0e-0410-8428-c7bf67bfef74
- Loading branch information
|
||
</div> | ||
|
||
<div class=example> | ||
|
||
<p>The following example shows the <code><a href=#the-details-element>details</a></code> element | ||
being used to hide technical details in a progress report.</p> | ||
|
||
<pre><section class="progress window"> | ||
<h1>Copying "Really Achieving Your Childhood Dreams"</h1> | ||
<details> | ||
<legend>Copying... <progress max="375505392" value="97543282"></progress> 25%</legend> | ||
<dl> | ||
<dt>Transfer rate:</dt> <dd>452KB/s</dd> | ||
<dt>Local filename:</dt> <dd>/home/rpausch/raycd.m4v</dd> | ||
<dt>Remote filename:</dt> <dd>/var/www/lectures/raycd.m4v</dd> | ||
<dt>Duration:</dt> <dd>01:16:27</dd> | ||
<dt>Color profile:</dt> <dd>SD (6-1-6)</dd> | ||
<dt>Dimensions:</dt> <dd>320×240</dd> | ||
</dl> | ||
</details> | ||
</section></pre> | ||
|
||
</div> | ||
|
||
|
||
|
||
<!-- v2DATAGRID | ||
<h4 id="datagrid">The <dfn><code>datagrid</code></dfn> element</h4> |
|
||
</div> | ||
|
||
<div class="example"> | ||
|
||
<p>The following example shows the <code>details</code> element | ||
being used to hide technical details in a progress report.</p> | ||
|
||
<pre><section class="progress window"> | ||
<h1>Copying "Really Achieving Your Childhood Dreams"</h1> | ||
<details> | ||
<legend>Copying... <progress max="375505392" value="97543282"></progress> 25%</legend> | ||
<dl> | ||
<dt>Transfer rate:</dt> <dd>452KB/s</dd> | ||
<dt>Local filename:</dt> <dd>/home/rpausch/raycd.m4v</dd> | ||
<dt>Remote filename:</dt> <dd>/var/www/lectures/raycd.m4v</dd> | ||
<dt>Duration:</dt> <dd>01:16:27</dd> | ||
<dt>Color profile:</dt> <dd>SD (6-1-6)</dd> | ||
<dt>Dimensions:</dt> <dd>320×240</dd> | ||
</dl> | ||
</details> | ||
</section></pre> | ||
|
||
</div> | ||
|
||
|
||
|
||
<!-- v2DATAGRID | ||
<h4 id="datagrid">The <dfn><code>datagrid</code></dfn> element</h4> |