jQuery

How to manage ASP.NET validation from Javascript with jQuery

Simone Chiaretta post an intresting article about managing ASP.NET validation from Javascript with jQuery. Here's the small excerpt from this article:

«Validators are a great part of the ASP.NET framework: they provide a standardized and easy way to add validation to form fields. But even if the framework provides different kinds of validators, there are so many different validations patterns that sometimes you have to write custom code to match your specific requirements.

jQuery EXIF data plugin

The authors of nihil logic blog publish a new plugin for jQuery library that allows to work with EXIF data from a images . Here's the small examples of using this plugin:

HTML

<img src="image1.jpg" id="img1" exif="true" />
<img src="image2.jpg" id="img2" exif="true" />
<img src="image3.jpg" id="img3" exif="true" />

JavaScript

$("#img1").click(function() {
alert("Taken with a " + $(this).exif("Make") + " " + $(this).exif("Model") + " on " + $(this).exif("DateTimeOriginal"));
// exif(strTagName) returns a string with value for the tag [strTagName]
});

$("#img2").click(function() {
alert($(this).exifPretty());
// exifPretty() returns a string with all tags and values, one tag per line
});

$("#img3").click(function() {
alert($(this).exifAll());
/* exifAll() returns an object holding all tags and their values
* {
* "Make" : "NIKON",
* "Model" : "D100",
* ...
* }
*/
});

Source: nihil logic.

Ajax overhaul, Part 2: Retrofit existing sites with jQuery, Ajax, tooltips, and lightboxes

Brian Dillard post the second chapter of his article about retrofitting the existing sites with Ajax and jQuery. This chapter covers the followings topics:

  • Converting pop-up windows into tooltips using jTip

  • Converting off-site links into lightboxes using GreyBox

  • Where to go from here

  • Final thought: Use, don't abuse, your Ajax features

You can read the full version of this article on the IBM developerWorks site.

How to switch the "on" state of navigation links for dynamic pages

One ofthe readers of the CSS Guy blog ask the author how to to switch the "on" state of navigation links for dynamic pages. Author gave a very detailed answer in his new post.. He writes the following:

«What Prasun is describing, just by itself, is the behavior of a set of radio buttons. You click one, and it takes on the selected state. Then you click on another one, and the new one now becomes selected, while the previous one returns to an unselected state.

But radio buttons are form elements, not navigational elements, and upon clarifying with Prasun, it's navigation that we're after.

This is the fundamental behavior of a site that uses ajax for navigation or tabs, where each "page" is created by loading new content into the content section of the current page.

This is a relatively easy way to get your feet wet with DOM scripting. So I'll first show how to do it with some very basic JavaScript functions. Also, I'll show how to do it with jQuery.

»

You can read the full version of this article on the Ask the CSS Guy site.

jQuery UI 1.5b4

jQuery developers team release the last beta before 1.5 release.Here's the small excerpt from the official announcment:

«The third and last beta has finally arrived to jQuery UI 1.5. Hundreds of hours went into fixing more than 50 bugs for this release - it’s all about stability. jQuery UI 1.5b4 is the last release before pushing out a release candidate - and with only 5 major bugs left, you can expect to see the next release in the next couple of days!

Although it’s mainly a stability release, we also introduced many new API helpers, removed the dimensions dependancy and made all plugins a bit smaller by introducing a generic widget factory into the core. Even better, performance of UI components firing events (i.e. “mousemove” in Draggables) was dramatically improved with recent changes in the jQuery core.»

Source jQuery.

jQuery Profile Plugin

Olicer Steel tells about new plugin for jQuery librari that allows to to profile the JavaScript code. He write the following:

«Yesterday I was profiling a page that used jQuery. The page took a long time to initialize. Firebug Profile (a great tool) told me that the time was in jQuery, but that wasn’t much help — the page initialization code had a lot of calls to jQuery, to bind functions to various page elements, and most of them were harmless.»

Source: Oliver Steel blog.

51+ Best of jQuery Tutorials and Examples

The Noupe site published an intresting collections of links on various jQuery resources. You can find lots of usefuls thins there: tutorial, articles plugins, and much more.

Source: Noupe site.

mooSwitch 0.6

MooSwitch is a iPhone / Time Machine style switch or toggle button for MooTools 1.2b, which you initiate this way:
var mySwitch = new mooSwitch('radioset');

Where radioset is a the name of a pair of input's with their corresponding label's.

There are three ways of toggleing, you can drag the handle to a side, click the label, or if the labels are placed outside, clicking the scroll area (the handle background). MooSwitch takes care of hiding the Radio inputs and their labels tags if they have.

GQuery: Java, GWT, and jQuery together

Are you a fan of GWT but would like toms jQuery magic mixed in? Ray Cromwell has your back, as he has created GQuery, an implementation of jQuery for GWT.

Source: http://ajaxian.com

jQuery for ASP.NET MVC Preview 2

Chris van der Steeg continues his work on jQuery for ASP.NET MVC. This time he updates this project on Preview 2 version and writes abot this release:

jQuery Form and jQuery UI Tabs: Two great tastes that taste great together

Several days ago we wrote about new series of article by Brian Dillard in which he tells about building fancy web applications with jQuery forms and jQuery tabs. Beside this articles Brian post various notes and thoughts on this topic in his blog: He writees:

Ajax overhaul, Part 1: Retrofit existing sites with Ajax and jQuery

There is a intresting article about usinf jQuery JavaScript library on your sites posted on the IBM developerWorks site.Here's the short list of topics discussed in this article:

  • Introducing the concept: Retrofitting your site with Ajax

  • Introducing the application: Customize Me Now

  • Introducing the techniques: Ajax, tooltips, modal windows, and lightboxes

  • Introducing the tools: jQuery, GreyBox, ThickBox, JTip, and jQuery forms

  • Understanding the application: Customize Me Now 1.0

  • Retrofitting the application

jQuery for ASP.NET Mvc

Chris van de Steeg published an intresting article about using jQuery and ASP.NET toogether. He writes:

«It’s now even easier to make your ASP.NET Mvc project ajax-enabled with jQuery, it just requires 4 steps:

  1. Add a reference to jQueryMvc.dll

  2. Make your global.asax inherit from JqueryMvcApplication

jQuery UI 1.5b

The first beta of jQuery UI 1.5 released.

jQuery UI 1.5 is a complete overhaul of the library - many of the components have been completely rewritten from scratch to improve overall stability and performance, and we finally managed to settle on a unified API for all components. Here' the short list of new features:

jQuery 1.2.3: AIR, Namespacing, and UI Alpha

New version of jQuery released. This is primarily a bug fix release for jQuery 1.2

Important Changes

The primary purpose of this release was to fix a couple outstanding bugs from the jQuery 1.2.2 release. Specifically, this release is now compatible with Adobe AIR, will be included in Drupal 6, and will be the base for jQuery UI 1.5. Additionally, a couple minor features, for plugin developers, were included in this release.

Syndicate content