DOJO slider - value on top of the slider

Question

Hi All,

I have implemented dojo slider in my application :

dojo.require("dojo.parser"); dojo.require("dijit.form.Slider"); dojo.require("dijit.form.TextBox"); // this we only include to make the textinput look prettier dojo.addOnLoad( function() { var slider = new dijit.form.HorizontalSlider( { name : "slider", title : "Choose Product Criteria", minimum : 0, maximum : 100, discreteValues : 11, intermediateChanges : true, style : "width:300px;", onChange : function(value) { var amountValue = document.getElementById("amountValue").value; var amount = parseFloat(amountValue); dojo.byId("sliderValue").value = (value*amount)/100; } }, "slider"); });

        <p class="tundra">
            <input type="text" id="sliderValue" dojoType="dijit.form.TextBox" />
        </p>

I could get the expected value in the input text box as the slider moved across.

However, is it possible to show this value on top of the slider control...so that this value should appear where the slider control is...

please suggest...

thanks in advance, jack.