background preloader

JsTree » Home

JsTree » Home

Using jsTree to get a Treeview with checkboxes in ASP.NET MVC « Matt's work blog UPDATE 17 December 2011! After one year this is still the most popular post on my blog. However, this uses jsTree v0.9.9a2 and jsTree is now in version v1.0 which has changed completely. This post does not work with jsTree v1.0!!! I have written a post using the latest version of jsTree here jsTree is a jQuery plugin for creating a treeviews, and jsTree’s checkbox plugin allows you to create a treeview with tri-state checkboxes, like so: Side Content Example Side Content Summary The jQuery Side Content project is a plugin that docks content to the side of the browser window with "pull out" handles to open and close the panels. You can add multiple side-content tabs to the side of your page and the plugin will automatically toggle them when the visitor clicks on the "pull out".

Lastdates vSort by lastdates vSort is a simple jQuery plugin for making lists sortable with a handle less than 1.4kB including cssTested in IE8, FireFox, ChromeLive Demo To include vSort plugin To run a javascript code after sorting is done data-callback="alert('list order modified')"

tabSlideOut jQuery plugin example page See that little tab over there that says 'Contact'? If you click that it will slide out. This plugin allows you to easily add one of those to your page. The most important part of getting this plugin to work is to have your image path and image dimensions set correctly in the options. In this version, using the code below, I am linking directly to google code for the jquery library as well as the plugin which I am hosting at In your <head> tag you need the javascript (with the options customized for your image):

Animatr Animatr is a jQuery plugin that allows you to create CSS3 animations using only HTML5 data-attributes. Lay out your animation steps by time (in seconds), percentages, or both. No more @keyframes or browser prefixing Run multiple animations simultaneously in one element Animatr's data-attributes style, and name, are inspired by the wonderful Skrollr. It requires jQuery-Keyframes and PrefixFree. UI.Layout Plug-in - Downloads UI Layout Download Sample Pages These simple demos are self-contained - right-click to download:

Pamaya - Web Design & Development North Wales - Software Development, Graphic Design and Branding jQuery selectors and attribute selectors reference and examples Tuesday, March 31st, 2009 at 11:44 pm by Maja Williams jQuery selectors and attribute selectors are some of the best features jQuery has to offer when it comes to DOM manipulation. They allow you to quickly select all elements or groups of element of a given tag name, attribute name or their contents and allow you to manipulate them as a group or a single node. This article can be used as a beginners guide to selectors or as a cheahsheet or reference The following table lists the different methods you have available to you to select nodes when using jQuery.

Create a filtered image gallery with jQuery and Fancybox We are going to create a Fancybox image gallery that can be filtered by different categories using jQuery and Fancybox. If you have seen the Isotope jQuery plugin, then you get the idea of what we will be talking about. This the first part of a series of two tutorials. Let's start by defining the two main sections we would need to focus on : The categories selector (tab style)The Fancybox image gallery (thumbnails collection) The category selector 41 Remarkable and useful jQuery Plugins jQuery is one of the most popular Javascript framework out there. It is very easy to use and full of cool features. It can be hard for us to know how to use the code and create amazing stuff using jQuery. So, developers decided to release and create plugins to help us fulfill this task by making it easier for us. I have collected a list of 41 very remarkable jQuery plugins, that will help you use jQuery in a robust way. Here’s that awesome list of the best jQuery plugins that will help you add beautiful effects and functionality in your next project.

Bootstrap 3 Datepicker Note All functions are accessed via the data attribute e.g. $('#datetimepicker').data("DateTimePicker").FUNCTION() Minimum Setup Code Craig Stuntz’s Weblog : Using jqGrid with ASP.NET MVC: LINQ Extensions Mere hours after I posted the first in a planned series of posts on using jqGrid in ASP.NET MVC applications, Phil Haack, a rather-more-widely-read-ASP.NET-MVC-blogger, wrote a long post on, er, exactly the same thing. Who, me, bitter? Naahhh… But it turns out that we’re using the grid in a different way, and I think the difference is important. So rather than just referring you to Phil’s post and skipping the rest of the series, I think I still have some important information to contribute.