Browse files

[e] (0) <details> example

git-svn-id: http://svn.whatwg.org/webapps@3825 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 88b071d commit e71a115523490d15f06db41d9e406b409e5401ff @Hixie Hixie committed Sep 13, 2009
Showing with 46 additions and 0 deletions.
  1. +23 −0 index
  2. +23 −0 source
View
23 index
@@ -38933,6 +38933,29 @@ fur
</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>&lt;section class="progress window"&gt;
+ &lt;h1&gt;Copying "Really Achieving Your Childhood Dreams"&lt;/h1&gt;
+ &lt;details&gt;
+ &lt;legend&gt;Copying... &lt;progress max="375505392" value="97543282"&gt;&lt;/progress&gt; 25%&lt;/legend&gt;
+ &lt;dl&gt;
+ &lt;dt&gt;Transfer rate:&lt;/dt&gt; &lt;dd&gt;452KB/s&lt;/dd&gt;
+ &lt;dt&gt;Local filename:&lt;/dt&gt; &lt;dd&gt;/home/rpausch/raycd.m4v&lt;/dd&gt;
+ &lt;dt&gt;Remote filename:&lt;/dt&gt; &lt;dd&gt;/var/www/lectures/raycd.m4v&lt;/dd&gt;
+ &lt;dt&gt;Duration:&lt;/dt&gt; &lt;dd&gt;01:16:27&lt;/dd&gt;
+ &lt;dt&gt;Color profile:&lt;/dt&gt; &lt;dd&gt;SD (6-1-6)&lt;/dd&gt;
+ &lt;dt&gt;Dimensions:&lt;/dt&gt; &lt;dd&gt;320&times;240&lt;/dd&gt;
+ &lt;/dl&gt;
+ &lt;/details&gt;
+&lt;/section&gt;</pre>
+
+ </div>
+
+
<!-- v2DATAGRID
<h4 id="datagrid">The <dfn><code>datagrid</code></dfn> element</h4>
View
23 source
@@ -43686,6 +43686,29 @@ fur
</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>&lt;section class="progress window">
+ &lt;h1>Copying "Really Achieving Your Childhood Dreams"&lt;/h1>
+ &lt;details>
+ &lt;legend>Copying... &lt;progress max="375505392" value="97543282">&lt;/progress> 25%&lt;/legend>
+ &lt;dl>
+ &lt;dt>Transfer rate:&lt;/dt> &lt;dd>452KB/s&lt;/dd>
+ &lt;dt>Local filename:&lt;/dt> &lt;dd>/home/rpausch/raycd.m4v&lt;/dd>
+ &lt;dt>Remote filename:&lt;/dt> &lt;dd>/var/www/lectures/raycd.m4v&lt;/dd>
+ &lt;dt>Duration:&lt;/dt> &lt;dd>01:16:27&lt;/dd>
+ &lt;dt>Color profile:&lt;/dt> &lt;dd>SD (6-1-6)&lt;/dd>
+ &lt;dt>Dimensions:&lt;/dt> &lt;dd>320&times;240&lt;/dd>
+ &lt;/dl>
+ &lt;/details>
+&lt;/section></pre>
+
+ </div>
+
+
<!-- v2DATAGRID
<h4 id="datagrid">The <dfn><code>datagrid</code></dfn> element</h4>

0 comments on commit e71a115

Please sign in to comment.