How to enable the onclick event using javascript?

Question

I used the following code to disable the onclick event . present code

function moveToDeckTable(game_table_id,category_id,status){
    var_game_table_id=game_table_id;
    var redirect="table.php";
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "ahr/addPlayer.php",
        data: {game_table_id:game_table_id,status:status},
        cache: false,
        success: function(data){
            if(data.success==1){
                PlayingStatus =setInterval(setPlayingStatus,1000);
                open_game_window = window.open(redirect+"?id="+data.game_table_id,"","_blank");
            }    
            else if(data.success==0)
                alert("User already playing..");
            else if(data.success==2)
                alert("You have not enough coins to play in this table .buy more coins or play in minor coins table.");    
        }
    }); 
    //code to disable onclick

}
function setPlayingStatus(){
    if(open_game_window.closed){
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "ahr/setPlayingStatus.php",
            cache: false,
            success: function(data)
            {
                clearInterval(PlayingStatus);
            }
        }); 
        //code to re enable onclick
    }    
}

Now , I want to enable that event again on another button click. How can I enable the onclick event?

How did that event attach to that element at start? It use onclick or $(ele).on('click')? — fuyushimoya
– fuyushimoya, Commented Nov 21, 2015 at 6:06
Ok, just one question. How many of these clickable elements do you have? How many buttons are you wanting to link to these function/click events? — www139
– www139, Commented Nov 21, 2015 at 6:43

www139 · Accepted Answer · 2015-11-21 07:02:11Z

2

Check this out. It doesn't need you to cancel or "reinitialize" events at all.

window.onload = function() {
  //capture the click event
  var eventsEnabled = true;

  var log = document.getElementById('log');

  document.getElementById('button').onclick = function() {
    //if capturing events is true
    if (eventsEnabled == true) {
      log.innerHTML = 'event captured';
    }
  };



  document.getElementById('captureStop').onclick = function() {
    eventsEnabled = false;
    log.innerHTML = 'capturing turned off';
  };

  document.getElementById('captureStart').onclick = function() {
    eventsEnabled = true;
    log.innerHTML = 'capturing turned on';
  };
};

<input type="button" id="button" value="This is a button">
<input type="button" id="captureStop" value="Stop the evil clicking (capturing)">
<input type="button" id="captureStart" value="Start the evil clicking (capturing)">
<div id="log"></div>

UPDATE: There is really no way for me to test this code, so you will have to tell me if it works or not. You/I will improve it from there and conclude this issue.

This is some of your existing code. We need to toggle disable the functions. It appears simple enough. Just adapt the code in my "old" answer to function for this purpose.

function moveToDeckTable(game_table_id,category_id,status){
    if(captureEvents == true){//your if (see my first answer [above])
    var_game_table_id=game_table_id;
    var redirect="table.php";
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "ahr/addPlayer.php",
        data: {game_table_id:game_table_id,status:status},
        cache: false,
        success: function(data){
            if(data.success==1){
                PlayingStatus =setInterval(setPlayingStatus,1000);
                open_game_window = window.open(redirect+"?id="+data.game_table_id,"","_blank");
            }    
            else if(data.success==0)
                alert("User already playing..");
            else if(data.success==2)
                alert("You have not enough coins to play in this table .buy more coins or play in minor coins table.");    
        }
    }); 
    //code to disable onclik
  }
}
function setPlayingStatus(){
    if(captureEvents == false){
    if(open_game_window.closed){
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "ahr/setPlayingStatus.php",
            cache: false,
            success: function(data)
            {
                clearInterval(PlayingStatus);
            }
        }); 
        //code to re enable onclik
    }  
   }   
}

edited Nov 21, 2015 at 7:02

answered Nov 21, 2015 at 6:18

www139

5,2373 gold badges39 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

Alfiza malek Over a year ago

in my code i used "game_table_id" in selector that is passed by function parameter so i need to use onclick function insted .onclick.

www139 Over a year ago

Could you better explain why this code isn't going to work for you? I'm sorry, I don't understand the different between onclick and .onclick.

www139 Over a year ago

I will revise my answer if it doesn't work for you ;)

www139 Over a year ago

Ok, just one question. How many of these clickable elements do you have? How many buttons are you wanting to link to these function/click events?

Alfiza malek Over a year ago

i have dynamic button list like button18 ,button19 etc not final. i just want like on button click open new window and if one window opend i want to disable the onclick so user cant be able to open more than one window .and when window closed i will re enable the onclick so user able to re open the window.

|

Domain · Accepted Answer · 2015-11-21 06:21:43Z

0

function enable(){
$( "body" ).delegate( '#btn'+game_table_id+' > .green_btn', "click", function() {
// your code
});
}

onClick of other function call enable function it add event for the button

answered Nov 21, 2015 at 6:21

Domain

11.8k3 gold badges26 silver badges45 bronze badges

Comments

Alfiza malek · Accepted Answer · 2015-11-21 07:27:44Z

0

Working code. @www139 thanks the updated code.

answered Nov 21, 2015 at 7:27

Alfiza malek

1,0041 gold badge18 silver badges38 bronze badges

Collectives™ on Stack Overflow

How to enable the onclick event using javascript?

3 Answers 3

10 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

10 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related