how can i change language of onbeforeunload message?

Question

i have a typical web application with multi language ( french , english and Nederland ) and I'm using a page unload trigger to warn the user of unsaved changes while leaving the page/closing the tab/etc... and this works fine.

My problem is how can i change language of onbeforeunload message with title of dialogbox and the 2 bottons "leave this page" and "stay on this page" without changing language of the browser?

@DaggNabbit i already read this solution but have not solution for the 2 bottons and title of the dialogbox — Abdelhadi Tawil, Dec 26 '13 at 14:29
Asking about a problem with no solution isn't going to create a solution =/ — Dagg Nabbit, Dec 26 '13 at 14:34
The solution is simple: ignore it. It is a browser restriction. You won't get past it unless you create your own browser. — Fabrício Matté, Dec 26 '13 at 14:35
Or suggest a new API to the WHATWG, though they probably have some more important things to bring to the Web Platform at the moment. — Fabrício Matté, Dec 26 '13 at 15:11

score 2 · Answer 1 · edited May 23 '17 at 12:21

The browser's default UI for the onbeforeunload dialog currently cannot be changed because it'd be very easy to abuse it:

Customizing the browser's dialog would allow developers to fool users into staying in the page (e.g. changing the buttons' text content or hiding them).
You cannot replace the onbeforeunload dialog with your own code as then the developer would decide when it is ok to close a window, and that is not how browsers work.

The user is in control of the browser, not the developer. Hence these restrictions.

Just assume that the user's browser is in a language which s/he can understand, and s/he can figure out from there. That's the best we have at the moment.

See related thread

This may change in the future with Shadow DOM and new APIs, but I cannot think of any way that wouldn't be easily abused (except by requesting a "prevent closing" API similarly to how browsers handle getUserMedia). Feel free to suggest it to WHATWG if you feel like this is an important feature which will help other developers.

score 0 · Answer 2 · answered Dec 26 '13 at 14:10

0

When you spit out the page with PhP, and you get to the point of the message that is needed for the javascript, echo the message in the right language.

answered Dec 26 '13 at 14:10

Jelle Ferwerda

1,254
1
7
13

score 0 · Answer 3 · answered Dec 26 '13 at 14:11

0

Do it by HTML/javascript. In HTML code of page add var like this:

<script> 
    onBeforeUnloadMessage = "<% $MESSAGE_FROM_SERVER %>";
</script>

Use this variable in your javascript:

window.onbeforeunload = function () {
    return onBeforeUnloadMessage;
}

answered Dec 26 '13 at 14:11

Alex

11,115
12
51
64

but how can i change language of 2 bottons "leave this page" and "stay on this page" ? – Abdelhadi Tawil Dec 26 '13 at 14:16

score 0 · Answer 4 · answered Dec 26 '13 at 14:38

0

you can use Language translator plugin of js

http://www.jquery4u.com/plugins/10-jquery-translator-plugins/

answered Dec 26 '13 at 14:38

Rohan Patil

1,865
1
23
36

You didn't read the second paragraph of the question right? – Fabrício Matté Dec 26 '13 at 14:42
ohh yes wait let me check this – Rohan Patil Dec 26 '13 at 14:45
@FabrícioMatté I dont think we can do this because Leave popup is default by browser and this will work on as per browser language we can't change the popup language only – Rohan Patil Dec 26 '13 at 14:58
Yep, that's what is in my answer and the dupe question's answer. – Fabrício Matté Dec 26 '13 at 15:10

how can i change language of onbeforeunload message?

4 Answers4