Confirmation Dialog on Browser back / close button - primefaces

Primefaces 4.0
If there are unsaved changes on the page, I would like to show Primefaces' confirmation dialog on browser back / close button click. I am not sure how to achieve this.
window.onbeforeunload always shows the browser's alert box. I need to override it with Primefaces' confirmation dialog.

Related

The modal attribute in the Dialog component of PrimeFaces

There is an attribute named modal in Dialog component of PrimeFaces. Checking the user guide, it just says it controls the modality of the component. But I just don't get it and want to know what it actually means.
Modal = True means that the dialog is displayed in the foreground and nothing in the background is clickable. You MUST take action on the dialog to dismiss it to continue using the page in the background. A Non-modal dialog obviously lets the user interact with the page behind the dialog while the dialog is displayed.

Keep Text in TextArea in Chrome Extension Popup

Chrome extension popups are designed per the FAQ to close when clicked away from.
I have a firefox add-on that will remember the text typed into the text area when the popup is clicked open or closed.
I assume this is the case because the popup merely opens and closes the html, as opposed to the chrome version which calls window.onload each time.
The chrome extension popup however seems to call popup.js each time you click the icon, which I assume is because popup.js is linked from popup.html because page scripts have to be "moved out" in chrome for security.
Is there a way to keep data typed into a textbox, when the extension reloads and "erases" the text?
Anytime the content of the textarea changes, store the new value in localStorage. When the popup loads again, check local storage for a value and populate the textarea.

How do I remove the OK/cancel button from the alert dialog

I'm working on a button script for my page.
I want the "OK" button from alert dialogs.
Any Idea on how to do it?
I want the dialog be on the screen until the person refreshes the page.
I'm trying to make it in html5.
Thanks
It's impossible. You need use a custom dialog.

Open chrome extension in a new tab

I have implemented a chrome extension. Was wondering if the popup.html can be opened in a new tab? Every single click on the page, and the popup disappears :( .. Was wondering if I can stick it to the page or is there a way to open the extension in a new page?
Yes, a popup page is just a normal extension page, you can do the following to open a new popup tab from the background page. I use that every time when the user first installs the extension, I open the about page, you can do the same for the popup page.
chrome.tabs.create({url: 'popup.html'})
For one of my extensions, My Hangouts, I have a small "open as tab" button within the popup, I bind the click event for that link to execute this:
chrome.tabs.create({url: chrome.extension.getURL('popup.html#window')});
The reason why I passed the hash is because I wanted to add more content when the user opens it in a popup because there is more real estate to play with.
Within the popup, I use normal JavaScript to differentiate whether I opened the tab in the new tab page or in a normal page like the following:
if (window.location.hash == '#window') {
this.displayAsTab = true;
}
You can do tricks like this to make your extensions user experience better.
here is the same issue: Chrome Extension: onclick extension icon, open popup.html in new tab
use:
chrome.tabs.create({'url': chrome.extension.getURL('popup.html')}, function(tab) {
// Tab opened.
});
property "pinned" to stick the tab.

popup in Chrome browser action only if click on down arrow on right side of the icon

I am developing a Chrome extension with browser action. I want to make some action on clicking on browser action icon (it is easy, not a problem), and show popup if user clicks on down arrow at the right side of the icon (that is a problem). So, we will receive a functionality similar to the firefox toolbarbutton from XUL. Is it possible to do such thing with Google Chrome?
Just want to make button, like that:
button
If it is pressed on the main part - it will do something, if on the right "drop-down" part - it will show quick settings page.
But I see only single button possibility.
The entire browserAction button works as a single button. There is no way to detect if a specific area was clicked. The best you can do is either have multiple extensions each having their own button for different actions or have options in the popup that the user selects with a second click.