ansaurus

Question

Answer 1

+2 A:

You might find it easier to set a variable when an input gets focus, and clear it when it looses it. The onClick functions for add and erase should check whether or not this chosen variable is set, and either return or continue depending on it.

Alternately, you can use buttons for add and remove, then set/clear the disabled attribute of the add/remove buttons when inputs receiving and loose focus.

Matt 2010-02-24 20:15:31

Answer 2

+1 A:

var adding = false;
$('.insert').live('click', function() {
    if(!adding){
        // Do stuff
        adding = true;
    }
}

Harmen 2010-02-24 20:15:54

that won't live outside the scope of the current executing input

Jeremy B. 2010-02-24 20:16:24

Answer 3

+4 A:

You need to make a variable that tracks whether the user is allowed to click Add.

When Add is clicked, set the variable to false.

When the textbox loses focus, set it to true again, like this:

$('input[name=myid').live('focusout', function() { canAdd = true; }));

Then, add if(!canAdd) return; to the beginning of the Add handler

SLaks 2010-02-24 20:16:08

live('focusout'), function should belive('focusout', function

cf_PhillipSenn 2010-02-24 20:56:28

Answer 4

+1 A:

Wrap the code of each event handler into its own function:

function insertHandler() {
    var currentRow = $(this).parents("tr:first");
    var newRow = currentRow.clone(true);
    newRow.children('td:last').empty().append('<input name="myid">');
    currentRow.after(newRow);
    document.myForm.myid.focus();
}

At the beginning of your two method handlers, unbind the click event:

$('.insert').live('click', function() {
    $(this).unbind("click");
    insertHandler();
});

Add a new handler, binding to the focusout event using live (as your input is programatically inserted), which rebinds your function to your event:

$("input[name=myid]").live("focusout", function() {
    $(".insert").live("click", insertHandler);
});

karim79 2010-02-24 20:18:07

I think I need to pass 'this' to insertHandler.

cf_PhillipSenn 2010-02-24 20:29:08

I got it to work (I am using Firefox) by passing currentRow to insertHandler.Thanks for your help!Stay tuned for my next question!

cf_PhillipSenn 2010-02-24 20:35:39

Oh wait! For some reason, the "Add" is not unbinding.

cf_PhillipSenn 2010-02-24 20:37:51

Try using `$(this).die();` instead of `$(this).unbind("click");`

karim79 2010-02-24 20:39:55

$(".insert").die(); worked.

cf_PhillipSenn 2010-02-24 20:43:51

ansaurus

tags:

views:

answers:

jquery Insert/Delete a grid

related questions