DotNetKicks.com - published jquery stories

How to pass Dictionary as a parameter to an ActionResult

Fri, 03 Jul 2009 22:48:07 GMT

I'm using jQuery to make an Ajax call using an Http Post in ASP.NET MVC. I would like to be able to pass a Dictionary of values. I finally figured out the best solution is to pass JSON via the Http Post and use a custom ModelBinder to convert the JSON to a Dictionary. One thing I did in my solution is created a JsonDictionary object that inherits from Dictionary so that I can attach the custom ModelBinder to the JsonDictionary type, and it wont cause any conflicts in the future if I use Dictionary as a ActionResult parameter later on for a different purpose than JSON.

$(document).ready handler will not be fired on asynchronous postback

Fri, 03 Jul 2009 08:54:29 GMT

Alternative: $(document).ready handler will not be fired on asynchronous postback

Best and simple approach to deal with JSON Dates problem

Fri, 03 Jul 2009 02:27:55 GMT

This article will show you how to trick and overcome the JSON date problem when you are using jQuery, JSON callback alongwith asp.net

Upload Multiple Files in ASP.NET using jQuery

Thu, 02 Jul 2009 14:27:12 GMT

Continuing my 'no less than an exciting' journey of exploring ASP.NET with jQuery, today's article will demonstrate how to Upload multiple files in ASP.NET using jQuery.

Never worry about ASP.NET AJAX's "d" again

Mon, 29 Jun 2009 17:30:00 GMT

Since a lot of people are having trouble with it, I want to share one method you can use to completely isolate your code from the ".d" problem. In this post, I will show you how to detect the ".d" and how you can completely isolate your $.ajax success handler from it.

GridView Style Edit Update in Repeater Control Using jQuery and Ajax

Fri, 26 Jun 2009 18:07:26 GMT

Repeater control as such will not provide edit/update functionalities for the data. In this article, we will overcome this difficulty and provide an edit update feature similar to GridView control using the powerful jQuery library and Ajax.

More jQuery Magic - Search Highlighting

Fri, 26 Jun 2009 11:29:54 GMT

jQuery let's you do some really cool things in very few lines of code. In this post we go over emulating browser search highlighting that you find in most modern browsers -- all with jQuery, some Regular Expressions and a whole lot of dumb-luck!

Creating a Bouncing DIV or Bouncing ASP.NET Panel using jQuery

Tue, 23 Jun 2009 16:37:55 GMT

Cool crazy UI stuff with jQuery

jQuery demo and documentation

Tue, 23 Jun 2009 13:53:18 GMT

Demo and documentation of jQuery interactions, widgets and effects.

Getting ASP.NET Cookieless Sessions and JQuery AJAX to play nice

Tue, 23 Jun 2009 07:53:27 GMT

I have a web site that uses JQuery AJAX. With this JQuery code $.post("/ajax/getsomedata.aspx", {'id': id }, function(data) { dosomething(data); } ); When I run this with cookieless="false", id shows up in Request.Form. When I set cookieless="true", id is no longer in Request.Form.

Drag and Drop Categorized Item List with jQuery and ASP.NET MVC

Mon, 22 Jun 2009 18:20:43 GMT

How to drag items between categories (sections) and sections between columns using jQuery and ASP.NET MVC. Part 1 focuses on layout and using jQuery UI's sortable functionality.

Developing Web 2.0 Portal using Asp.Net MVC, Microsoft Ajax Client Tem

Sun, 21 Jun 2009 22:40:38 GMT

...Check out the working portal at http://www.linksgrid.com... Where do we start? Well, I prefer to start with database. Portal database-design itself is very simple. We need to have containers for Widgets (basic building blocks of the portal), Tabs (logical grouping of Widgets) and Users (so that we can assign Widgets to users through tabs). Below is a simple relational diagram between these entities.

Web 2.0 Portal using Asp.Net MVC, Microsoft Ajax Client Templates and

Sun, 21 Jun 2009 22:37:06 GMT

A few years back when I saw web 2.0 Ajax start pages like netvibes I was fascinated by the Ajax capabilities and coolness in dynamic web portals. As an enthusiastic Asp.Net developer I always wanted to develop my own Ajax Portal. While searching on web I came across several implementations and samples. Two of those samples are worth mentioning here. First one is from HTML Goodies and other is from Omar Al Zabir. First one is mostly developed using plain old javascript, thus making it fairly complex to code and maintain. Though it lacks database implementation it can be added easily and server side php code can be replaced by Asp.Net webservices or page-methods. Later one is developed using cutting edge Asp.Net technologies, Omar did an excellent job implementing an Ajax web 2.0 portal using Asp.Net, you can read about it on Omar's blog. As this implementation uses Asp.Net update panels it can not be treated as pure Ajax solution...

Populating RadioButtonList Using jQuery, JSON in ASP.Net

Fri, 19 Jun 2009 18:26:52 GMT

Building a RadioButtonList in client side is not a straight forward task due to the way it renders to the client side.Moving forward, we will implement the same example by populating a RadioButtonList instead of a child DropDownList control.

Rebuilding The Google Blog Bar; jQuery-ed Version

Fri, 19 Jun 2009 04:43:23 GMT

A 4KB jQuery plugin instead of 118KB Google Blog Bar!! I have shown before how to use Google Blog Bar as related posts widget, But when I actually tried to use it on my site, I didn't like all these JavaScript/CSS files that I've to include. And since I already use jQuery -and who doesn't- I decided to rebuild the Blog Bar from scratch.

Dissecting the JQuery text method

Thu, 18 Jun 2009 19:00:03 GMT

An interesting question came up at work today. We had some existing code that was using the innerText dom method. It worked fine on IE, but not on Firefox (to be clear, I'm used to that working the other way around). If you look at QuirksMode you will see Firefox is the only browser that does not support this method as well. Turns out if you use innerText on any dom element in IE you will get the text inside the element (in this case a span tag), but in Firefox you just get nothing. Time to see how JQuery does what it does.

Displaying a Confirmation Dialog with the JQuery UI Dialog

Wed, 17 Jun 2009 13:31:48 GMT

This article shows how to construct a Confirmation Dialog using the JQuery UI Dialog plugin. Confirmation dialogs are useful when you need to force a user to acknowledge something like a license, terms of use or other required content before procdeding with the application.

Automagic Time Localization

Mon, 15 Jun 2009 20:30:00 GMT

A trick to localize timestamps without requiring users to pick their time zone manually.

Keep your javascript away from my markup

Fri, 12 Jun 2009 11:24:22 GMT

Today, many web applications use alot of javascript to create a nice experiance for the user. With libraries like jQuery it is very easy to create that little extra that gives you this "woow" feeling. I use alot of javascript as well and I think it´s pretty fun writing when using a library like jQuery. One problem, however, that I often see in applications is that the html markup is depenting on the javascript. If the javascript doesn´t work correctly, then the markup is screwed up.

Getting started JQuery & Visual Studio .NET 2008 intellisense problem

Thu, 11 Jun 2009 19:51:26 GMT

Hi there, Today at work, I found out something weird about the JQuery intellisense feature in Visual Studio 2008. For 99% of the developers out there you won't have a problem, but for the 1% of plugin developers, you have! But he! There's at least a workaround! Tongue out So first: To enable intellisense completion for jQuery within VS you'll want to follow three steps (According to Scott Guthrie and Guy Burnstein) and my other step, to setup your project: Step 1: Install VS 2008 SP1 VS 2008 SP1 adds richer JavaScript intellisense support to Visual Studio, and adds code completion support for a broad range of JavaScript libraries. Step 2: Install VS 2008 Patch KB958502 to Support "-vsdoc.js" Intellisense Files Last year Microsoft shipped a patch that you can apply to VS 2008 SP1 and VWD 2008 Express SP1 that causes Visual Studio to check for the presence of an optional "-vsdoc.js" file when a JavaScript library is referenced, and if present to use this to drive the JavaScript intellisense engine. These annotated "-vsdoc.js" files can include XML comments that provide help documentation for JavaScript methods, as well as additional code intellisense hints for dynamic JavaScript signatures that cannot automatically be inferred. You can download it for free here. Step 3: Download the jQuery-vsdoc.js file You can download both jQuery and the jQuery-vsdoc file from the official download page on t

10 most Useful resources for jQuery across the web

Wed, 10 Jun 2009 12:16:58 GMT

good resource list

Implementing KeyBoard Shortcuts in ASP.NET applications using jQuery

Sat, 13 Jun 2009 06:15:00 GMT

Cool post on how to implement Keyboard Shortcuts in ASP.NET applications using jQuery

11 keystrokes that made my jQuery selector run 10x faster

Tue, 09 Jun 2009 21:15:00 GMT

An in-depth analysis of the performance concerns when using a popular jQuery selector and a couple ways to dramatically speed it up, including benchmarks.

Fundamentals of jQuery

Mon, 08 Jun 2009 05:40:30 GMT

. jQuery is a fast, lightweight JavaScript library that is CSS3 compliant and supports many browsers. . The jQuery framework is extensible and very nicely handles DOM manipulations, CSS, AJAX, Events and Animations. jQuery wrapper,The document ready handler,Extending jQuery,Selecting and Manipulating elements

jQuery UI 1.7.2

Fri, 05 Jun 2009 11:43:01 GMT

Current (stable) (1.7.2: jQuery 1.3+)