Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Slider on change event

< html>   <head>     <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css">     <script type="text/javascript">       var djConfig = {         baseScriptUri : "js/dojo/",         parseOnLoad : true       };     </script>     <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>     <script>                   dojo.require("dijit.form.HorizontalSlider");     </script>   </head>   <body class="tundra">     <div dojoType="dijit.form.HorizontalSlider" name="caffeine"     value="100"     maximum="175"     minimum="2"     showButtons="false"     style="margin: 5px;width:300px; height: 20px;">     <script type="dojo/method" event="onChange" args="newValue">         alert(dojo.number.format(newValue,{places:1,pattern:'#mg'}));     </script>     <ol dojoType="dijit.form.HorizontalRuleLabels" container="topDecoration"         style="height:10px;font-size:75%;color:gray;" count="6">asdf     </ol>     <div dojoType="dijit.form.HorizontalRule" container="topDecoration"         count=6 style="height:5px;">as     </div> </div> </body> </html>