can jQuery replace default javascript alert or confirm?

Question

Title doesn't actually reflect what I'm trying to explain. Is it possible to achieve below with jQuery

<a href="#" onclick="alert('test');">test</a>

when users clicks on test link jQuery takes control over default alert function and displays a jQuery modal window or something similar doesn't really matter.

Yes, see this SO answer http://stackoverflow.com/questions/1729501/javascript-overriding-alert — Zachary, Dec 19 '10 at 13:19

score 3 · Answer 1 · answered Dec 19 '10 at 13:19

3

alert = function(foo) {
    // some functionality
};

Browser support may vary. It appears to work OK in Fx 4.0b7.

answered Dec 19 '10 at 13:19

Quentin

914,110
126
1,211
1,335

Q Studio · Answer 2 · 2013-10-03T15:01:46.787

Something like this might works ( based on the initial suggestion from @Quentin ):

// alert replacement ##
var alerter;
alert = function(foo) {

    //console.log(foo);
    if ( !jQuery('#alerter').length ) {
        jQuery("body").append( jQuery('<div>', { id: 'alerter'}) ); // make it ##
    }
    jQuery('#alerter').addClass('alerter').text(foo).slideDown("fast");
    clearTimeout(alerter);
    alerter = setTimeout(function(){
        jQuery('#alerter').slideUp("fast");
    }, 5000);
}

score -1 · Accepted Answer · answered Dec 19 '10 at 13:28

-1

Here is an example where the default alert is never called. Instead the popup is displayed. Not certain if calling the default alert is requirement.

http://jsfiddle.net/pBsw6/

Hope this helps.

Bob

answered Dec 19 '10 at 13:28

rcravens

8,320
2
33
26

this doesn't answer the question – ifaour Dec 19 '10 at 13:32
because you are clearly asking for a way to override the "default" function! I'm gonna release the downvote but please rephrase your question and ask your questions in a better way next time. **EDIT** i can't undo the vote now! – ifaour Dec 19 '10 at 15:01

can jQuery replace default javascript alert or confirm?

3 Answers3