jQuery

Create a Facebook-style Link Preview Using jQuery & YQL

You know that nice little Facebook feature where you paste a url into your status and it displays the title, description and an image? Using jQuery & YQL you can build code that behaves just like it. This demo will show how to capture a url, submit it to the YQL Web Service, customize the response using XPath and display a link preview using jQuery.

Tags:

Google Maps Plugin for jQuery with Autozoom

This update adds Autozoom functionality to the Google Maps Plugin for jQuery.

Updated Behaviour
Automatically center and zoom GMap to fit all markers. Autozoom will look to use latitude & longitude for each marker first, otherwise it will get the coordinates using the address field via the Google Maps API geocoder.

Tags:

Display a Twitter Profile using YQL & jQuery

This demo was created before the Twitter API required OAuth. Demo & source code has not been updated since.

With YQL (Yahoo! Query Language), you can access data from multiple sources using a SQL-like language that lets you query, filter and join data. If you're already familiar with SQL syntax, using YQL should be fairly straight-forward.

select * from Page not found.profile where id='screen_name'

Open External Links in a New Window Using jQuery

The way people have typically opened external links in a new window is to use the attribute target="_blank" in an <a> tag. The problem is that in HTML/XHTML Strict, the target attribute is deprecated.

While you can still use the target attribute if you're using the Transitional DOCTYPE, best practice is to adhere to web standards.

Inline Messages

The Inline Messages Drupal module has replaced Inline Errors.

The major difference (and hence the name change) between the 2 modules is that Inline Messages lets you move any form messages (status, error, warning), where Inline Errors only moved form error messages.

Inline Form Errors

I've released my first Drupal module... Inline Errors.

In most Drupal themes, $messages is located at the top of your page.tpl.php. However on most sites, forms such as the comment form are located at the bottom of your page. So should someone submit a comment that has errors, they're kicked back to the top of the page and have to scroll back down to fix their submission.