SSTwebworks

The infamous spinner as done by JQuery:

Create a div that contains the image that you want to use as a "loader" image.

It just takes a small piece of Javascript (JQuery) to make the magic happen

$('#loader').hide() //this initially hides the div
   .ajaxStart(function(){
     $(this).show(); // show the div when the Ajax call starts
   )}
   .ajaxStop(function(){
     $(this).hide(); //hide the div when the Ajax call stops
   )};

Place the loader div within the div that's receiving the results of the ajax call, and JQuery code with the rest of your JQuery code and you have a quick and dirty loader

Terry  Ryan posted a link to a StackOverflow thread asking about the merits of ColdFusion… while the thread itself is closed, I’m going to post my own commentary here.

Many fellow CF devs came out in support of the product, which we should. What surprised me was the incredible lack of knowledge on the part of the naysayers. One in particular, a humorless little Frenchman named Pascal Thivent…

For the one or two of you that don't know what JQuery is....

from JQuery.com:
"jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript."

and it does...

How does it do the voodoo that it does so well?
In the 30,000 ft. view, JQuery converts the entire rendered HTML document to Javascript, which gives it access to the DOM and events.. Now that you know that, store it in the back of your mind somewhere, because the only time you'll need it is if someone asks you, "How does JQuery work?".

There are a few things that you do need to be concerned with in order to implement JQuery, whether you're using ColdFusion or not.

Concept 1. when does the magic happen
JQuery handles things differently than Javascript traditonaly does, under normal circumstances you'd wrap up your Javascript in a window.onLoad() event, and wait until the page rendered, before anything happens.

JQuery circumvents this with the ready event. this checks the document and starts once it is ready to be manipulated. it looks like this:

$(document).ready(function(){ 
  // Your code here   
}); 

Concept 2: selectors
a selector can be a tag ("a") or an id (id="foo"). We'll build on the existing code

$(document).ready(function(){
    $("a").click(function() {
     alert("Hello world!"); 
    }); 
 }); 

In this case we're using the tag "a" we could've just as easily used an ID

$(document).ready(function(){
  $("#IDName").click(function() {
   alert("Hello world!"); 
  }); 
}); 

 

If you''ve not used JQuery before, here's the place to start:
http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

I am currently seeking new ColdFusion development opportunities,eitherfull time or telecommuting in the Raleigh/Durham/RTP area or in the Washington DC Metro area.

I have over ten years of experience from v. 3.1 through 9.0.

 Summary of expertise:

ColdFusion:

• Components
• Functions
• Basic OO development
• Fusebox, FuseQ
• cfscript

Databases:

• MSSQLServer versions 7 through 2005, including stored procedures and some administration
• Sybase, queries
• Oracle, querie
•  MySQL, queries, stored procedures, importation from other formats

Scripting:

• Javascript,
• JQuery,
• JQuery UI Libraries,
• HTML CSS
• ASP 2.0

 I am willing to relocate to the DC Metro Area for the right opportunity.  My resume is here http://www.sstwebworks.com/docs/scott_stewart_current_resume.doc

Salary requirements and other details available upon request

I think it's time I give something back to the CF Community. This will start a series of entries dealing with the interaction between Cold Fusion and JQuery.