hixie: <details> example (whatwg r3825)

hixie: <details> example (whatwg r3825)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.2993&r2=1.2994&f=h
http://html5.org/tools/web-apps-tracker?from=3824&to=3825

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.2993
retrieving revision 1.2994
diff -u -d -r1.2993 -r1.2994
--- Overview.html 13 Sep 2009 11:01:12 -0000 1.2993
+++ Overview.html 13 Sep 2009 11:18:24 -0000 1.2994
@@ -34571,6 +34571,26 @@
   <p>The <dfn id="dom-details-open" title="dom-details-open"><code>open</code></dfn>
   attribute must <a href="#reflect">reflect</a> the <code title="attr-details-open"><a href="#attr-details-open">open</a></code> content attribute.</p>
 
+  </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>

Received on Sunday, 13 September 2009 11:19:19 UTC