Activate/Deactivate onclick event via Javascript?

Question

I try to do like a questionnary, when you click on 1 answer, that check if it's the good answer and then desactivate the onclick event, after clicking on an other button to change the question and add new answer i want to reactivate the click but i dont know how to do this in javascript :/

Here the code for better explanation x):

<ol id="answerList" type="A">
      <img class="imgLine" src="" id="answer-a-img" /><li onclick="clickLine(this);" id="answer-a" ></li>
      <img class="imgLine" src="" id="answer-b-img" /><li onclick="clickLine(this);" id="answer-b" ></li>
      <img class="imgLine" src="" id="answer-c-img" /><li onclick="clickLine(this);" id="answer-c" ></li>
      <img class="imgLine" src="" id="answer-d-img" /><li onclick="clickLine(this);" id="answer-d" ></li>
</ol>

Here is the answer and the onclick event is working and that call clickLine function

I desactivated the onclick event by doing this: (i know it's not clean but i didnt saw an other way :/)

document.getElementById('answer-a').onclick = "";
document.getElementById('answer-b').onclick = "";
document.getElementById('answer-c').onclick = "";
document.getElementById('answer-d').onclick = "";

but now, when i got new datas, i dont success to reactivate onclickevent, i tried this:

document.getElementById('answer-a').onclick = "clickLine(this);";
document.getElementById('answer-b').onclick = "clickLine(this);";
document.getElementById('answer-c').onclick = "clickLine(this);";
document.getElementById('answer-d').onclick = "clickLine(this);";

but didnt worked :/

thanks !

ps: I can use Jquery if there is a solution in it ^^

Totero · Accepted Answer · 2012-05-31 09:54:18Z

1

Something like:

    $(".imgLine").click(function(event)
    {
         $('.imgLine').unbind();
         event.preventDefault();
    });

    $("a#activate").click(function(event)
    {
        $('.imgLine').bind();        
        event.preventDefault();
    });

Where a#activate denotes the next question button.

edited May 31, 2012 at 9:54

answered May 31, 2012 at 9:18

Totero

2,60424 silver badges35 bronze badges

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

2 Comments

John Smith Over a year ago

thanks for your answer but where come from the "a#activate" and "a#deactivate"? ^^', and doesn't bind need a function as parameter ? :s

Totero Over a year ago

I just used a#deactivate to denote the element you can click to deactivate. Give me a sec and I'll update the answer to tailor it for you abit more.

Pratik Bhatt · Accepted Answer · 2012-05-31 09:18:14Z

0

document.getElementById('answer-a').onclick = "javascript:clickLine(this);";
document.getElementById('answer-b').onclick = "javascript:clickLine(this);";
document.getElementById('answer-c').onclick = "javascript:clickLine(this);";
document.getElementById('answer-d').onclick = "javascript:clickLine(this);";

Try to Execute like this. First check do you have javascript:clickLine() function.

answered May 31, 2012 at 9:18

Pratik Bhatt

9112 gold badges8 silver badges21 bronze badges

2 Comments

John Smith Over a year ago

didn't worked and yes i have clickLine function: function clickLine(target) { // blabla code }

Pratik Bhatt Over a year ago

$('#answer-a').click(function(){ clickLine(this);}); Try to execute this.

Collectives™ on Stack Overflow

Activate/Deactivate onclick event via Javascript?

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related