Latest jQuery Posts 

Read all about the topic jQuery on jQuery Mastery - We give you the keys to unlock the true potential web UI design. Browse through articles written on this subject below, or check our tag cloud to see if you find anything interesting. As always, you can visit our home page to find the latest posts or view our RSS feed or get the current posts on this topic on our jQuery RSS feed.

Building a jQuery-Powered Tag-Cloud

Tag-clouds are easy to do badly; whether from a design perspective or from a code perspective. Thanks to jQuery, it’s also easy to do well. We’ll be using the hot new 1.3 version of jQuery for this example and will be working with PHP and MySql to provide a JSON feed of our tags. Getting the tags into a database in the first place is beyond the scope of this tutorial, but it’s a simple enough matter to retrieve and pass them to a waiting page via AJAX.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="tagcloud.css"> <meta http-equiv="Content-Type" cevent_event_event_on___tent="text/html; charset=utf-8"> <title>jQuery Tag Cloud</title> </head> <body> <div id="tagCloud"> <h2>Tag Cloud</h2> </div> <script type="text/javascript" src="jquery-1.3.min.js"></script> <script type="text/javascript"> ...

Post Thanks The Ajaxist!

Tags: Javascript, Tag Cloud, jQuery, Javascript & AJAX

Thursday, February 5th, 2009 No comments

The Best of Get Lost! for the week of 02/01/2009: (3 articles)

Topics for this month included Geoff, Possible, Controls and Player.

The top three posts for this month were:

  1. change WordPress database table_prefix
  2. Powered by YouTube - Design Your Own YouTube Player
  3. Building a jQuery-Powered Tag-Cloud

› Continue reading

Tags: Easy, Videos, Youtube, Play, Player, Tutorial, Purpose, Change, Database

Sunday, February 8th, 2009 No comments

jQuery & Ajax Fun: Implementing a Paging Listbox

Many times in web forms we need to provide a listbox with lots of elements, A good solution is to filter and page these elements to speedup page loading and optimize DB/Network usage..

This is a complete implementation of a paging listbox using jQuery on client side and ASP.Net on server side. and should look like this..

The form web page, which also contains the JavaScript class to build the select box, of course don't forget to download the jQuery library.
<html>
<head>
<title>jQuery & Ajax Fun: Implementing a Paging Listbox</title>
<script type="text/javascript" src="JS/jquery-1.3.min.js"></script>
<script type="text/javascript">
function AjaxListBox() {
   this.source = '';
   this.divID= '';
   this.keyID= '';
   this.buttevent_event_on__ID='';
   this.lastKey= '';
   this.startup= true;
   this.minWidth=0;
   this.position [...]

Post Thanks More Tech Tips!!

Tags: HTML, Asp.net, Paging, Ajax, Javascript, jQuery, Dal, OOP

Monday, February 9th, 2009 No comments

Weekly Review for the week of 2009-02-01: Javascript, Ajax and Easy (Six posts)

Topics for this month included Javascript, Ajax, Easy and 2.0.

Post Thanks The Ajaxist!

Tags: Sales, Design, Easy, Building, Web, Graphics, Services, Site, Code

Tuesday, February 10th, 2009 No comments

jQuery 1.3 Aftermath

It's really hard to answer the question: Was a release successful? In the jQuery project we try to look at a number of criteria.

It's hard to put exact numbers on those points (we listen very closely to the response on our blog, on twitter, on the mailing list, and elsewhere - and thus far it's been very positive) but we do have a couple tools that we use to try and simplify that process, namely: Google Analytics and Google Trends.

I trimmed out the Christmas-New Years time frame since traffic was very low (and doesn't make for a good comparison).

Post Thanks John Resig!

Tags: Data, Statistics, jQuery, Opensource

Saturday, February 14th, 2009 No comments

Simple CFCHART/jQuery Demo

I had some time to kill today and I decide to mix cfchart up with some jQuery love. You can see the demo of this here. When the chart loads, click on the bars, and you will see a detail load beneath the graph. The code behind this is fairly trivial. I've got a file I include to generate my chart data. Normally this would be a proper database query. The main template's code consists of: The cfchart makes use of the url attribute to specify what should happen when you click. In this case, I'm simply calling a function, loadData(). This then uses jQuery to make a remote call to detail.cfm. Note that I pass the name. Normally you would pass a primary key, but we don't have (easy) access to that (see this entry for more info) value so we have to work with the name instead. That's it. All detail.cfm does is look up the detail information: select * from data where name =

Post Thanks The Ajaxist!

Tags: Ajax, Javascript, jQuery, ColdFusion

Wednesday, May 20th, 2009 No comments

Weekly Review for the week of 2009-05-17: Ajax, Easy and ColdFusion (Six posts)

Topics for this month included Ajax, Easy, ColdFusion, HTML and jQuery.

Post Thanks The Ajaxist!

Tags: Free, Easy, HTML, Secrets, Quick, Table, Text, Ajax, Method

Monday, May 25th, 2009 No comments

Processing Forms, the OO Way, Part II

Second and final part of a series that details how to use ColdFusion and jQuery to process forms in an OO manner ... ColdFusion jQuery form "form processing" OO "object orientation"

Post Thanks The Ajaxist!

Tags: Process, Series, Second, Forms, Form, Object, Way, Final, Details

Wednesday, May 27th, 2009 No comments

Creating a quick and dirty jQuery contentEditable Plugin - Rick Strahl

Creating a full featured editable component that handles a number of scenarios is quite complex. Some time ago I started in on this process with a wwEditable plug-in which I’ve used in a number of applications. It works, but it’s fairly large and even so has a few rough edges for full generic use. However, if you’re just after a quick and dirty mechanism for editing some text for the purpose of updating it there’s actually an easier way using the contentEditable attribute on DOM elements. The nice thing...

Post Thanks The Ajaxist!

Tags: Asp.net, Ajax, Javascript, jQuery

Thursday, May 28th, 2009 No comments

The Best of I Hate Debt for 2009-04-30 to 2009-05-30: Javascript, Quick and Url (15 articles)

Topics for this month included Javascript, Quick, Url and Free.

The top five posts for this month were:

  1. The Best of Vacation Rentals for the week of 05/17/2009: (5 articles)
  2. Processing Forms, the OO Way, Part II
  3. The Free HTML Editor, HTML
  4. Rapidshare Hack, No Proxy!
  5. Simple CFCHART/jQuery Demo

› Continue reading

Tags: Free, Easy, HTML, Download, Site, Scam, Quick, PHP, Laptop

Saturday, May 30th, 2009 No comments