Splist is now a jQuery plug-in!
When launched, splist was just a jQuery function. I have since converted this function to a jQuery plug-in. With this conversion comes a new set of instructions (hopefully easier then before) describing how to use this plug-in. Here’s how it works:
1. Download Splist: Inside the folder there are several files. The one that we are looking for is splist1.1.0.js file.
2. Insert a call out to jQuery in your HTML document followed by a call out to the splist.js file (from above):
... <head> <script type="text/javascript" src="[ path to file ]/jquery.1.5-min.js"></script> <script type="text/javascript" src="[ path to file ]/splist.js"></script> </head> ...
3. In a new script (either internal or external) create a document ready function that calls the to splist function:
...
<script type="text/javascript" src="[ path to file ]/jquery.1.5-min.js"></script>
<script type="text/javascript" src="[ path to file ]/splist.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('[ TARGET OF FUNTION ]').splist();
});
</script>
...
4. Add custom settings to the splist function and let splist to the rest of the work!
...
<script type="text/javascript">
$(document).ready(function(){
$([ TARGET OF FUNTION ]).splist({
'numCols': '5', // Number of columns you split your list into
'cWidth':'100', // Width of each column (if blank splist will auto determine width)
'f': true, // If true this will make the columns float next to eachother.
});
});
</script>
...
Hopefully this is an easier way of using the function. If you seen any issues or think of any fun ways to improve this plug-in definitely let me know! Enjoy :-)
