jQuery- Do we have something like "OnBeforeSomeEvent"?

Question

Do we have any event like "onBeforeSomeEvent" in jQuery?

For Ex,

<input type='button' class='confirmdelete' onclick='delete();' value='DELETE' />

Now I want to show a custom dialog for confirmation. (I don't want to use default confirm method in JavaScript).

So I need something like,

$('.confirmdelete').onBeforeClick(function() {
     if(true) //I show the custom dialog here and check some conditions. 
        return true;
     return false;
});

The onclick event should fire if I get 'true' from the onbeforeclick event.

Sorry, If I am confusing. May be like beforeActivate in Accordion.

I would ask the confirmation with my own dialog. May be Yes or No buttons — Pitchai P, Apr 27 '13 at 09:44
What is the programming language you are using? Is your page having more than one delete button? — arulmr, Apr 27 '13 at 10:34
I am creating a list with delete button on each item dynamically using jQuery and I want to get a confirmation just before clicking the delete button to go ahead. — Pitchai P, Apr 27 '13 at 10:53
What is the programming language you are using? Is your page having more than one delete button? — arulmr, Apr 27 '13 at 11:10
I said I am creating a list with delete button on each item. So it means there are many items and as each one has delete button, there are many delete buttons. — Pitchai P, Apr 27 '13 at 11:12
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/29026/discussion-between-arulmr-and-pitchai-pazhani) — arulmr, Apr 27 '13 at 11:14

score 1 · Answer 1 · answered Apr 27 '13 at 09:47

1

Why don't you just wrap the delete()?

Put your validation on the onclick() event, and if it's true, delete it from there.

answered Apr 27 '13 at 09:47

Dragos Bobolea

772
7
16

score 0 · Answer 2 · answered Apr 27 '13 at 09:43

0

Maybe, .mousedown() might help you.

answered Apr 27 '13 at 09:43

Francis

198
1
10

I would show a dialog first to ask confirmation. Will the mousedown event help? – Pitchai P Apr 27 '13 at 09:46
I gave it a second thought and it will probably make more sense to give the answer @Dragos Bobolea suggested a try. – Francis Apr 27 '13 at 09:53

score 0 · Answer 3 · edited Jan 31 '14 at 13:47

0

Add unique id to your delete buttons.

Try using .click() functionality of jQuery and jQuery UI dialog.

$('.confirmdelete').click(function () {
    var cur_id = this.id;
    var buttons = '<div id="dialog' + cur_id + '" title="Confirm" align="center"><input type="button" value="Yes" id="yes' + cur_id + '" /><input type="button" value="No" id="no' + cur_id + '" /></div>'

    $(this).after(buttons);
    $("#dialog" + cur_id).dialog();

    $("#yes" + cur_id).click(function(){
        alert('true - ' + cur_id);
        //Write your delete code here
        $(this).parents(".ui-dialog-content").dialog('close');
        $("#dialog" + cur_id).remove();
    });

    $("#no" + cur_id).click(function(){
        $(this).parents(".ui-dialog-content").dialog('close');
        $("#dialog" + cur_id).remove();
    });
});

Replace the alert with your delete code in the commented section. Here is a example: JSFIDDLE

edited Jan 31 '14 at 13:47

BenMorel

34,448
50
182
322

answered Apr 27 '13 at 09:43

arulmr

8,620
9
54
69

I would show a dialog first to ask confirmation onclick. Will the mouseover event help? – Pitchai P Apr 27 '13 at 09:47
When do you want to show the dialog? Before clicking or after clicking? – arulmr Apr 27 '13 at 09:48
It is on clicking. But the "delete()" method should be called if I return true(When I click "Yes" from the dialog. – Pitchai P Apr 27 '13 at 09:51

score 0 · Answer 4 · edited May 23 '17 at 12:28

0

This link may help you jQuery delete confirmation box

There also first trigger the confirmation for delete and after that event is executed.

edited May 23 '17 at 12:28

Community

1
1

answered Apr 27 '13 at 09:57

Padmaja

13
7

score 0 · Answer 5 · answered Apr 27 '13 at 10:00

0

You can do this:

HTML

<input type='button' class='confirmdelete' value='DELETE' />

JS

$('.confirmdelete').click(function () {
    var del = confirm('Are you sure?');
    if (del) {
        delete();  // Just call your "delete()" method here..
        return true;
    } else {
        return false;
    }
});

answered Apr 27 '13 at 10:00

palaѕн

72,112
17
116
136

I don't like to use confirm method. – Pitchai P Apr 27 '13 at 10:19

jQuery- Do we have something like "OnBeforeSomeEvent"?

5 Answers5