Nowadays almost everyone knows about Facebook, and its daily innovation on user interaction attracts the entire world. All Website Owners likes to have the same functionality of facebook in their website 
. jQuery Plugin fcbkListSelection allows you to easily create the friends selection functionality in your apps. You can use this feature for any action you wish and not only for friends selection. Now making the friends selection like Facebook is pretty simple.
Let’s see how to implement in your web apps. Follow the below steps,
Step 1 : HTML markup
|
1 2 3 4 5 |
<ul id="ulid"> <li>regular content <input type="hidden" value="value" /></li> <li>preselected content <input type="hidden" value="value" checked="checked" /></li> <li>regular content <input type="hidden" value="value" /></li> </ul> |
Step 2 : Jquery plugin initialization (Javascript)
|
1 2 3 4 5 6 7 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" language="JavaScript"> $(document).ready(function() { //id(ul id),width,height(element height),row(elements in row) $.fcbkListSelection(id[ul id],width,height[element height],row[elements in row]); }); </script> |
Step3 : Now Facebook like friends selection is ready to work in your web app 🙂
Requirement :- jQuery Library
Demo :- http://www.emposha.com/demo/fcbklistselection/
Download :- https://97b5e8.n3cdn1.secureserver.net/download/75b5411e5c83ea7e9a8f9f80d0746f21/emposha-fcbkListSelection-153eeda.zip
License :- MIT License