When clicks on close button it should stop redirecting using alertify?

Question

It is redirecting to profile page when I click the close button. But it goes onclose event section and it should not refresh the page as It returns false but redirecting to profile page.

alertify.alert().setting({
                'title': 'Message',
                'label': 'Ok',
                'message': 'You have not yet enabled Appointment on your profile?',
                'onok': function () {
                    document.location.href = "/profile";
                },
                'onclose':function(e){
                   return false;//It should stop redirecting on profile page
                }
            }).show();

Error: When I click on Ok or Close(X) both events are firing.

Thanks.

AConsumer · Answer 1 · 2018-07-31T07:18:12.330

2

Use

 'onclose':(e)=>{
    e.preventDefault();    //It will stop redirecting on profile page
    return false;//
}

edited Jul 31 '18 at 07:18

answered Jul 31 '18 at 07:04

AConsumer

2,461
2
25
33

Thanks for your answer. It's giving an error `uncaught typeerror cannot read property 'preventdefault' of undefined` – Gufran Hasan Jul 31 '18 at 07:12
console.log(e) <-- what do u see ? – AConsumer Jul 31 '18 at 07:15
i have update the code , i used arrow function to resolve binding issue if any please use updated code – AConsumer Jul 31 '18 at 07:19
I need to see your whole code , please give me link to acces it ,share here – AConsumer Jul 31 '18 at 07:29
This is working code, when page is loaded a popup opens. There can click on ok or close buttons. – Gufran Hasan Jul 31 '18 at 07:32
as expected , e is undefined that is why e.preventDefault() is not working .Ideally when you call handler then the event is passed to binded method. Which is not happenig in your case. can you show how you are calling onclose ? – AConsumer Jul 31 '18 at 09:08
'onclose':(e)=>{ e.preventDefault(); //It will stop redirecting on profile page return false;// } – Gufran Hasan Jul 31 '18 at 09:26

score 2 · Accepted Answer · answered Jul 31 '18 at 11:30

2

As per the documentation of alertify this is the default functionality of alert onok event.

So when onok event is being called in alert It automatically calls onclose event to close the dialog.

answered Jul 31 '18 at 11:30

shivam bhatnagar

380
2
5

Can `onok` and `onclose` invoke individually? Or there is another solution. – Gufran Hasan Jul 31 '18 at 11:32
2

It's better to use `confirm` dialog in this type of situation when you need `onok` and `onclose` to work individually. – shivam bhatnagar Jul 31 '18 at 11:35
Thanks you very much. – Gufran Hasan Jul 31 '18 at 11:37

When clicks on close button it should stop redirecting using alertify?

2 Answers2