Disable HTML links using JavaScript and Alerts

Question

Here is my code:

    function Alert()
{   
alert("Please click on OK to continue.")
}
window.onload = function()

    {       
    var anchors = document.getElementsByTagName("a");
    for (var i = 0; i < anchors.length; i++) {
        anchors[i].onclick = function() {return(false);};
    }
};

the link is coded at this:

<a href="main.html" onclick="Alert()"> Link to Main Page</a>

When I put this to test, the link does not work (as expected), but I don't get the alert box that's supposed to say "Please click on OK to continue." when the link is clicked. Can someone give me advice on how to fix this? Ultimately, once the page loads and the the link is clicked, it should show and alert that says "Please click on OK to continue." and nothing should happen. I know how to do this by changing the "href" attribute, but I need to know how to do it without changing that part.

Pointy · Accepted Answer · 2013-10-03 18:57:04Z

2

You don't get the alert because your code changes all the "click" handlers, removing the ones coded in HTML. There's only one "onclick" property on the DOM nodes involved, so as soon as your script runs the handler that calls "Alert()" is replaced by the one that just returns false.

answered Oct 3, 2013 at 18:57

Pointy

415k62 gold badges600 silver badges632 bronze badges

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

Comments

Caner Akdeniz · Accepted Answer · 2013-10-03 18:58:37Z

1

You can do it really easily with JQuery:

$('a').on('click',function(e){
    e.preventDefault();
    alert('your alert message');
});

you can test it in this fiddle: http://jsfiddle.net/kvCwW/

answered Oct 3, 2013 at 18:58

Caner Akdeniz

1,86214 silver badges20 bronze badges

Comments

James Johnson · Accepted Answer · 2013-10-03 19:03:40Z

0

You need to add e.preventDefault() to your click handler:

anchors[i].addEventListener("click", function(e) {
    e.preventDefault();
    return false;
}, false);

edited Oct 3, 2013 at 19:03

answered Oct 3, 2013 at 18:57

James Johnson

46.1k8 gold badges75 silver badges111 bronze badges

Collectives™ on Stack Overflow

Disable HTML links using JavaScript and Alerts

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related