jQuery selectable widget
Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenka...
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspo...
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.
/ @aarvikitchen5572
In this video we will discuss jQuery selectable widget
jQuery selectable widget allows us to select elements, individually or in a group using the mouse. Let us understand this with an example.
Here is the example code used in the demo
HTML
<ul id="selectable">
<li>Mon</li>
<li>Tue</li>
<li>Wed</li>
<li>Thu</li>
<li>Fri</li>
<li>Sat</li>
<li>Sun</li>
</ul>
You selected : <div id="result"></div>
CSS
li{
display:inline-block;
padding:20px;
border:1px solid black;
cursor:pointer
}
.ui-selected{
background-color:green;
color:white
}
.ui-selecting{
background-color:grey;
color:white
}
jQuery
$(document).ready(function () {
$('#selectable').selectable({
stop: function () {
var result = '';
$('.ui-selected').each(function () {
result += $(this).text() + '<br/>';
});
$('#result').html(result);
}
});
});
In questa pagina del sito puoi guardare il video online jQuery selectable widget della durata di ore minuti seconda in buona qualità , che l'utente ha caricato kudvenkat 21 luglio 2015, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 17,878 volte e gli è piaciuto 112 spettatori. Buona visione!
