Browser debugging tools have come a long way in a short amount of time. Here are some of our favorites. Firefox Firebug http://getfirebug.com Firebug is the quintessential developer plugin for Firefox. It comes with several powerful sections: Console The console allows you to view requests made to the server. Each can be expanded to view the response/request headers, the raw response, and the parameters sent. View the output from javascript console commands, such as console.log and console.error, which support printing an object that can be clicked on and viewed in the DOM tab. An input console which allows for the execution of scripts in the current context. Because it does not use a new context global variables can be accessed, including jQuery. This is useful to test jQuery selectors/ events, and useful in a thousand other ways. HTML This tool is fantastic for debugging bad HTML/CSS, as it allows for […]

There’s many ways to do so. You can use the close event and pickup values passed through the .data() method on the dialog, you can use a variable in the window context, but these are all very lacking in structure, however –All jQuery UI elements allow you to pass any value you want in while constructing t Inside of our dialog, we can now access this success call back by doing yourSelector.dialog(“option”, “success”); Lets give a real world example. This dialog runs the success function passed as an argument when one of the buttons is clicked. This function displays our dialog: Now for some of the code inside of the dialog’s ready event. As is relatively clear in the code, only when the “Choose Highlighted Location” button is clicked is the function we passed into the dialog’s options object called. Keep in mind, this function could be called in response […]

jQuery UI’s autocomplete widget provides no built in functionality to alter the search behavior, but has a static filter method that can be overridden instead, and as such, will be on an application wide basis. “Super search” is a generic term meaning orderless word search, as that “foo bar” and “bar foo” discover the same results. This code can go anytime after jQuery UI library is loaded. This code shamelessly uses some of my favorite libraries but could be easily crafted to work without them. linq.js underscore.js And also makes use of the following function:

Nen is  a LINQ provider and as such uses delayed execution. Delayed execution means that whenever a query is written it’s not actually performed until the result set is being accessed, which is often by enumeration. Consider the following: As you see in the comments, 3 queries were performed across what is inevitably the same result set. Rather suboptimal. The best idea is to store an enumerated data set. This way the results are stored in memory and the enumerable LINQ provider is used, instead of the Nen data provider which will re-access the database. This can be used to move operations to/from the database. Webservers are often more scalable than database servers, and ordering operations can be costly, so it’s often a good idea for the ordering operation to be performed by the webserver.  This can not be done if a limited subset needs to be returned from the database […]

As a supplement to this article, http://fuelyourcoding.com/jquery-events-stop-misusing-return-false/lets look at jQuery event handling by example. Event bubbling to parent Original event target on bubbling ‘this’ on event bubbling ‘currentTarget’ on event bubbling stopPropagation’s effect on event bubbling Event bubbling and multiple events on a single object stopImmediatePropagation’s effect on inner event propagation (multiple events on a single object) Using custom named events with ‘trigger’ The context of ‘this’ when an event is passed directly and when called