[css-variables] Update second script example to the new map-like interface.

tabatkins · tabatkins · commit 78f62a3b4d5e · 2013-06-20T17:09:11.000-07:00
diff --git a/css-variables/Overview.html b/css-variables/Overview.html
@@ -8,12 +8,12 @@
 </head>
 <body class="h-entry">
 <div class="head">
-  <p data-fill-with="logo"><a href="http://www.w3.org/">
+  <p data-fill-with="logo"><a href="http://www.w3.org/" class="logo">
     <img width="72" alt="W3C" src="http://www.w3.org/Icons/w3c_home" height="48">
 </a></p>
   <h1 class="p-name no-ref" id="title">CSS Custom Properties for Cascading Variables Module Level 1</h1>
   <h2 class="no-num no-toc no-ref" id="subtitle">Editor's Draft,
-    <span class="dt-updated"><span class="value-title" title="20130619">19 June 2013</span></span></h2>
+    <span class="dt-updated"><span class="value-title" title="20130620">20 June 2013</span></span></h2>
   <div data-fill-with="spec-metadata"><dl><dt>This version:</dt><dd><a href="http://dev.w3.org/csswg/css-variables/" class="u-url">http://dev.w3.org/csswg/css-variables/</a></dd><dt>Latest version:</dt><dd><a href="http://www.w3.org/TR/css-variables-1/">http://www.w3.org/TR/css-variables-1/</a></dd><dt>Editor's Draft:</dt><dd><a href="http://dev.w3.org/csswg/css-variables/">http://dev.w3.org/csswg/css-variables/</a></dd><dt>Previous Versions:</dt><dd><a href="http://www.w3.org/TR/2013/WD-css-variables-20130312/" rel="previous">http://www.w3.org/TR/2013/WD-css-variables-20130312/</a></dd><dd><a href="http://www.w3.org/TR/2012/WD-css-variables-20120410/" rel="previous">http://www.w3.org/TR/2012/WD-css-variables-20120410/</a>
 </dd><dt>Feedback:</dt>
     <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-variables%5D%20feedback">www-style@w3.org</a> 
@@ -720,7 +720,7 @@ <h3 id="the-cssstyledeclaration-interface" data-level="4.1"><span class="secno">
 			on the <a data-autolink="link" href="#associated-style-declaration">associated style declaration</a>
 			by passing <var>varName</var> and <var>varValue</var> as its two arguments, in that order.
 
-		</dd><dt>delete(DOMString varName), return DOMString
+		</dd><dt>delete(DOMString varName), return boolean
 		</dt><dd>
 			Prepend "var-" to <var>varName</var>.
 			Invoke <code>removeProperty()</code>
@@ -786,12 +786,11 @@ <h3 id="the-cssstyledeclaration-interface" data-level="4.1"><span class="secno">
 		is also simple with the <code>var</code> property:
 
 		<pre>var customProps = el.style.var;
-for(customPropName in customProps) {
-  if( knownCustomPropName(customPropName) ) {
-    var customPropValue = customProps[customPropName];
+customProps.forEach(function(propValue, propName) {
+  if( knownCustomPropName(propName) ) {
     /* Processing code here. */
   }
-}
+});
 </pre>	</div>
 
 
diff --git a/css-variables/Overview.src.html b/css-variables/Overview.src.html
@@ -683,7 +683,7 @@ <h4 id='cssvariablesmap-methods'>
 			on the <a>associated style declaration</a>
 			by passing <var>varName</var> and <var>varValue</var> as its two arguments, in that order.
 
-		<dt>delete(DOMString varName), return DOMString
+		<dt>delete(DOMString varName), return boolean
 		<dd>
 			Prepend "var-" to <var>varName</var>.
 			Invoke <code>removeProperty()</code>
@@ -752,12 +752,11 @@ <h4 id='cssvariablesmap-methods'>
 
 		<pre>
 		var customProps = el.style.var;
-		for(customPropName in customProps) {
-			if( knownCustomPropName(customPropName) ) {
-				var customPropValue = customProps[customPropName];
+		customProps.forEach(function(propValue, propName) {
+			if( knownCustomPropName(propName) ) {
 				/* Processing code here. */
 			}
-		}
+		});
 		</pre>
 	</div>
 
