Hi everyone,

I've got the following code;

 $("td.printer").click(function() {
   var printerId = $(this).attr('id');
   var printerName = $(this).html();
 
   // If there isn't already an input box open... make one
   if (printerName.search(/input name=\"/) != 1) {
     $(this).html('<input name="printer[' + printerId + ']" value="' + printerName + '" class="printer_name" />');
   }
 });

Which creates an input box on click with the printer name in it (for editing). However, the following code doesn't work...?

 // When user unclicks the box
 $("input.printer_name").blur(function() {
 
   alert("poooo");
 
 });

I know that if it's an AJAX request then you would put the additional code in a callback function. What do I do in this circumstance?

Thanks in advance

Place the event inside of the IF which creates the INPUT element:

 $("td.printer").click(function() {
   var printerId = $(this).attr('id');
   var printerName = $(this).html();
 
   // If there isn't already an input box open... make one
   if (printerName.search(/input name=\"/) != 1) {
     $(this).html('<input name="printer[' + printerId + ']" value="' + printerName + '" class="printer_name" />');
      // When user unclicks the box
     $("input.printer_name").blur(function() {
     
       alert("poooo");
     
     });
   }
 });

The blur() event fires when an element loses focus. Is that your intent here?

Ahh wayfarer you are a legend (again)! Thank you.

Yes, my intention is that once a user clicks out of the input box is disappears again and the changes are updated using ajax