background preloader


Facebook Twitter

Datejs - An open-source JavaScript Date Library. jQuery: The Write Less, Do More, JavaScript Library. JsTree » Home. Binding jsTree programmatically with server side entities using JSON in ASP.NET. JsTree » Examples. Predefined HTML $(function () { $("#demo1").tree();}); Predefined JSON Predefined XML NOTE:Predefined xml also works with the "xml_flat" data.type setting.

jsTree » Examples

This example requires a web server, due to loading an XSL file for transforming the string. Loading from file NOTE:"From file" also works with the "xml_nested" and "json" data.type setting. Using jsTree to get a Treeview with checkboxes in ASP.NET MVC « Matt's work blog. UPDATE 17 December 2011!

Using jsTree to get a Treeview with checkboxes in ASP.NET MVC « Matt's work blog

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!!! JqDock : a jQuery plugin. Add comments jqDock is a jQuery plugin that transforms images into a Mac-like Dock menu, with icons that expand on rollover!

jqDock : a jQuery plugin

Illustration of jqdock The plugin works with images, or images within anchors, and has a number of configuration options which provide : Lite Content Slider. What is jQuery?

Lite Content Slider

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Corporate Members Support from our corporate members makes it possible for the jQuery Foundation to continue our work on our JavaScript libraries and pushing the open web forward with events and participation in the standards process. 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".

The WebApp Wizard. Sliding Panel is a simple way to display examples to your users.

The WebApp Wizard

You can also use it to display any kind of information: help contents, options panel... The only limit is your imagination! Here is a nice looking example Simple and effective, isn't it? Yeah, that's possible, thanks to Sliding Panel! Hide this example Moreover, you can customize it the way you want, so that it fits your environment. 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): Below that add your css: Anywhere in your page, (I put mine right above my </body>) put in the html for your hidden content. UI.Layout Plug-in - Downloads.

UI Layout Download Sample Pages These simple demos are self-contained - right-click to download: SEE MORE demos & samples on our demos page.

UI.Layout Plug-in - Downloads

Layout 1.3.x Custom Callbacks. 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.

Pamaya - Web Design & Development North Wales - Software Development, Graphic Design and Branding

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. 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. JqGrid for ASP.NET MVC Documentation. JqGrid. 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.

Craig Stuntz’s Weblog : Using jqGrid with ASP.NET MVC: LINQ Extensions

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. In particular, I’m using the grid in a way which allows me to write an extension method for IQueryable<T> which returns data suitable for the grid, without having to know anything about the type T.

In a nutshell, this is what I want to be able to do: public JsonResult ListGridData(int page, int rows, string search, string sidx, string sord) { var model = repository.SelectAll().ToJqGridData(page, rows, sidx + " " + sord, search, new[] { "Column1", "Column2", "Column3" }) return Json(model); }