fix dojoType->data-dojo-type

git-svn-id: http://svn.dojotoolkit.org/src/demos/trunk@27201 560b804f-0ae3-0310-86f3-f6aa0a117693

Author: pruzand

butterfly/demo.html

@@ -26,12 +26,12 @@ <h1>Butterfly gfx demo</h1>
 			</tr>
 			<tr>
 				<td>
-					<div id="rotatingSlider" dojoType="dijit.form.HorizontalSlider" value="0" minimum="-180" maximum="180" discreteValues="72" showButtons="false" intermediateChanges="true" style="width: 500px;">
-						<div dojoType="dijit.form.HorizontalRule" container="topDecoration" count="73" style="height:5px;">
+					<div id="rotatingSlider" data-dojo-type="dijit.form.HorizontalSlider" value="0" minimum="-180" maximum="180" discreteValues="72" showButtons="false" intermediateChanges="true" style="width: 500px;">
+						<div data-dojo-type="dijit.form.HorizontalRule" container="topDecoration" count="73" style="height:5px;">
 						</div>
-						<div dojoType="dijit.form.HorizontalRule" container="bottomDecoration" count="9" style="height:5px;">
+						<div data-dojo-type="dijit.form.HorizontalRule" container="bottomDecoration" count="9" style="height:5px;">
 						</div>
-						<div dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration" labels="-180,-135,-90,-45,0,45,90,135,180" style="height:1.2em;font-size:75%;color:gray;">
+						<div data-dojo-type="dijit.form.HorizontalRuleLabels" container="bottomDecoration" labels="-180,-135,-90,-45,0,45,90,135,180" style="height:1.2em;font-size:75%;color:gray;">
 						</div>
 					</div>
 				</td>
@@ -43,10 +43,10 @@ <h1>Butterfly gfx demo</h1>
 			</tr>
 			<tr>
 				<td>
-					<div id="scalingSlider" dojoType="dijit.form.HorizontalSlider" intermediateChanges="true" value="1" minimum="0" maximum="1" showButtons="false" style="width: 500px;">
-						<div dojoType="dijit.form.HorizontalRule" container="bottomDecoration" count="5" style="height:5px;">
+					<div id="scalingSlider" data-dojo-type="dijit.form.HorizontalSlider" intermediateChanges="true" value="1" minimum="0" maximum="1" showButtons="false" style="width: 500px;">
+						<div data-dojo-type="dijit.form.HorizontalRule" container="bottomDecoration" count="5" style="height:5px;">
 						</div>
-						<div dojoType="dijit.form.HorizontalRuleLabels" container="bottomDecoration" labels="10%,18%,32%,56%,100%" style="height:1.2em;font-size:75%;color:gray;">
+						<div data-dojo-type="dijit.form.HorizontalRuleLabels" container="bottomDecoration" labels="10%,18%,32%,56%,100%" style="height:1.2em;font-size:75%;color:gray;">
 						</div>
 					</div>
 				</td>