Question

I am trying to give a button an onclick event when a certain thing on a page changes. I have tried to do it many different ways and none have worked. What am I doing wrong?

Below are what I have tried.

document.getElementById(subDiv).onclick = function() { alert('Error. There is an error on the the page. Please correct that then submit the page'); };


document.getElementById(subDiv).onclick = "alert('Error. There is an error on the the page. Please correct that then submit the page');";


function redErrorAlert()
{
    alert('Error. There is an error on the the page. Please correct that then submit the page');
}
document.getElementById(subDiv).onclick = redErrorAlert;



document.getElementById(subDiv).setAttribute('onclick',redErrorAlert(), false);



document.getElementById(subDiv).setAttribute('onclick','redErrorAlert()', false);

Note: subDiv is a variable containing the id of the element.

Answer 1

This sounds like jQuery territory here. Once you learn the ins and outs of jQuery, things like this are a snap to take care of, and you’ll find yourself writing a lot less JavaScript.

First, get jQuery from http://jquery.com/

Then put this in your code to bind the event:

$('#idOfElementToBindClickEvent').click(function(){
  alert('Error.');
});

jQuery basically provides a way to manipulate elements using CSS-like selectors.