jQuery slider in asp net

Link for all dot net and sql server video tutorial playlists

Link for slides, code samples and text version of the video

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.

We want to increase and decrease the font-size using the slider

HTML
<div id="slider"></div>
<br />
<div id="myDiv" style="font-size: 20px">
Slider Example
</div>

jQuery code
$(document).ready(function () {
var divElement = $('#myDiv');
$('#slider').slider({
min: 20,
max: 120,
orientation: 'horizontal',
slide: function (event, ui) {
}
});
});

For the complete list of slider options and events

Options
min - The minimum value of the slider. The default is 0
max - The maximum value of the slider. The default is 100
orientation - Horizontal or vertical orientation of the slider

Events
start - Triggered when the user starts sliding
stop - Triggered when the user stops sliding
slide - Triggered on every mouse move during slide

The following example handles start, stop and slide events of the slider widget

HTML
<div id="slider"></div>
<br />
<div id="divStart"></div>
<div id="divStop"></div>
<div id="divSlide"></div>

jQuery Code
$(document).ready(function () {
$('#slider').slider({
min: 20,
max: 120,
orientation: 'horizontal',
start: function (event, ui) {
},
stop: function (event, ui) {
},
slide: function (event, ui) {
}
});
});

[paka]

I have seen all JQuery Vedio. It is very nice explanation. Thank you so much.

[Therapyxx]

Great options, thanks. Sometime it could be useful =)
Btw. how to do the same thing but with drop down list and c#(asp.net). I know one way but its too difficult. Im interesting how would you do it in this situation.