Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[e] (0) More <meter> examples.
git-svn-id: http://svn.whatwg.org/webapps@4087 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Oct 6, 2009
1 parent 6329cbc commit ced9211
Show file tree
Hide file tree
Showing 2 changed files with 46 additions and 7 deletions.
26 changes: 23 additions & 3 deletions index
Expand Up @@ -17539,6 +17539,8 @@ and a height of &lt;meter&gt;2cm&lt;/meter&gt;.&lt;/p&gt; &lt;!-- <strong>BAD!</
and maximum values, and the relationship between the actual value
and the three regions of the gauge.</p>

</div>

<div class=example>
<p>The following markup:</p>
<pre>&lt;h3&gt;Suggested groups&lt;/h3&gt;
Expand Down Expand Up @@ -17568,9 +17570,10 @@ and a height of &lt;meter&gt;2cm&lt;/meter&gt;.&lt;/p&gt; &lt;!-- <strong>BAD!</
<p><img alt="With the <meter> elements rendered as inline green bars of varying lengths." src=images/sample-meter.png></p>
</div>

<p>User agents may combine the value of the <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute and the other attributes
to provide context-sensitive help or inline text detailing the
actual values.</p>
<p>User agents <span class=impl>may</span> combine the value of
the <code title=attr-title><a href=#the-title-attribute>title</a></code> attribute and the other
attributes to provide context-sensitive help or inline text
detailing the actual values.</p>

<div class=example>
<p>For example, the following snippet:</p>
Expand All @@ -17580,6 +17583,8 @@ and a height of &lt;meter&gt;2cm&lt;/meter&gt;.&lt;/p&gt; &lt;!-- <strong>BAD!</
second line.</p>
</div>

<div clas=impl>

<p>The <dfn id=dom-meter-min title=dom-meter-min><code>min</code></dfn>, <dfn id=dom-meter-max title=dom-meter-max><code>max</code></dfn>, <dfn id=dom-meter-value title=dom-meter-value><code>value</code></dfn>, <dfn id=dom-meter-low title=dom-meter-low><code>low</code></dfn>, <dfn id=dom-meter-high title=dom-meter-high><code>high</code></dfn>, and <dfn id=dom-meter-optimum title=dom-meter-optimum><code>optimum</code></dfn> IDL attributes
must <a href=#reflect>reflect</a> the respective content attributes of the
same name. When the relevant content attributes are absent, the IDL
Expand All @@ -17588,6 +17593,20 @@ and a height of &lt;meter&gt;2cm&lt;/meter&gt;.&lt;/p&gt; &lt;!-- <strong>BAD!</

</div>

<div class=example>

<p>The following example shows how a gauge could fall back to
localized or pretty-printed text. The attributes have to be used in
this case, since the localized or pretty-printed numbers might not
match the simple expected syntax.</p>

<pre>&lt;p&gt;Disk usage: &lt;meter min=0 value=170261928 max=233257824&gt;170&thinsp;261&thinsp;928 bytes used
out of 233&thinsp;257&thinsp;824 bytes available&lt;/meter&gt;&lt;/p&gt;

&lt;/p&gt;</pre>

</div>




Expand Down Expand Up @@ -74365,6 +74384,7 @@ interface <a href=#htmldocument>HTMLDocument</a> {
Edward Welbourne,
Edward Z. Yang,
Eira Monstad,
Elliott Sprehn,
Elliotte Harold,
Eric Carlson,
Eric Law,
Expand Down
27 changes: 23 additions & 4 deletions source
Expand Up @@ -18772,6 +18772,8 @@ and a height of &lt;meter>2cm&lt;/meter>.&lt;/p> &lt;!-- <strong>BAD!</strong> -
and maximum values, and the relationship between the actual value
and the three regions of the gauge.</p>

</div>

<div class="example">
<p>The following markup:</p>
<pre>&lt;h3>Suggested groups&lt;/h3>
Expand Down Expand Up @@ -18801,10 +18803,10 @@ and a height of &lt;meter>2cm&lt;/meter>.&lt;/p> &lt;!-- <strong>BAD!</strong> -
<p><img src="images/sample-meter.png" alt="With the &lt;meter> elements rendered as inline green bars of varying lengths."></p>
</div>

<p>User agents may combine the value of the <code
title="attr-title">title</code> attribute and the other attributes
to provide context-sensitive help or inline text detailing the
actual values.</p>
<p>User agents <span class="impl">may</span> combine the value of
the <code title="attr-title">title</code> attribute and the other
attributes to provide context-sensitive help or inline text
detailing the actual values.</p>

<div class="example">
<p>For example, the following snippet:</p>
Expand All @@ -18814,6 +18816,8 @@ and a height of &lt;meter>2cm&lt;/meter>.&lt;/p> &lt;!-- <strong>BAD!</strong> -
second line.</p>
</div>

<div clas="impl">

<p>The <dfn title="dom-meter-min"><code>min</code></dfn>, <dfn
title="dom-meter-max"><code>max</code></dfn>, <dfn
title="dom-meter-value"><code>value</code></dfn>, <dfn
Expand All @@ -18827,6 +18831,20 @@ and a height of &lt;meter>2cm&lt;/meter>.&lt;/p> &lt;!-- <strong>BAD!</strong> -

</div>

<div class="example">

<p>The following example shows how a gauge could fall back to
localized or pretty-printed text. The attributes have to be used in
this case, since the localized or pretty-printed numbers might not
match the simple expected syntax.</p>

<pre>&lt;p>Disk usage: &lt;meter min=0 value=170261928 max=233257824>170&#x2009;261&#x2009;928 bytes used
out of 233&#x2009;257&#x2009;824 bytes available&lt;/meter>&lt;/p>

&lt;/p></pre>

</div>




Expand Down Expand Up @@ -91487,6 +91505,7 @@ interface <span>HTMLDocument</span> {
Edward Welbourne,
Edward Z. Yang,
Eira Monstad,
Elliott Sprehn,
Elliotte Harold,
Eric Carlson,
Eric Law,
Expand Down

0 comments on commit ced9211

Please sign in to comment.