Dialog box minimizes on clicking elsewhere in the main window - javascript

I'm using
dialog.showMessageBox([browserWindow, ]options[, callback])
to confirm a delete operation.I expect the user to close the dialog box first in order to perform some other operations.However, when the dialog box pops up the user is still able to click other parts of the window and on doing so the dialog box minimizes automatically.
Is there a way to restrict a user not to do anything else unless the dialog box is closed ?
Note: On Atom Editor do the following:
File -> Open File , this results in a dialog box for opening a file and while this dialog box is opened, the user is not able to click on anything on the main screen. This is the same behavior I'm looking at.

Check out this feature that was recently added: https://github.com/electron/electron/pull/6140

Related

pop up dialog box in-font of screen javascript/ jQuery

I need to pop up dialog box in-front of screen while browser minimized or not used or tap not used
I mean
1) I open http://exampe.com/popup.html where jquery script pop up a dialog box every 5 min asking to click close button to close it. it is working fine
2) Now I minimize it OR open another tap OR open another browser where I browse another website (www.google.com or any others)
3) I need to popup same dialog box every 5 min in-front of screen
Is it possible?
thanks

disable key input when alert window is active

I'm having an issue where users are just hitting enter multiple times when an alert box gets displayed so the 'ok' of the alert box is pressed with the enter key and they miss the message. Is there a quick way to disable key presses on alert windows and just allow for mouse input?
Replace the alert box with your own modal implementation, because it prevents users from accessing your code until it's closed. Source
Dialog boxes are modal windows - they prevent the user from accessing
the rest of the program's interface until the dialog box is closed.
For this reason, you should not overuse any function that creates a
dialog box (or modal window).
No, because it is a Web Browser API, it's behaviour is implemented on the Browser.
You can display the message as a modal, and disable it's button.
Try this Jquery Plugin

Closing popup windows on click

I found this nifty popup window JavaScript code that I like over at How to Auto Popup a CSS3 Modal Window When Page Loads?
Problem is that I want the user to simply click away from the box and that would cause it to close.
I tired to use self.close () from http://www.javascript-coder.com/window-popup/javascript-window-close.phtml but I cant figure out how to apply to everything else around the box. So when the users clicks anything outside the box it will close the popup.
Along with that I want to make sure that when the user closes the popup that it does not return during their php session. So basically unless they close their browser and bring it up again it will remain closed.

jquery dialog's input fields freezes in firefox

I have some jquery dialogs added in my application where in one scenario I open up a 1st dialog and upon entries into some field I am prompted with a message containing some server side messages and that prompt is again a 2nd jquery dialog. that means i have 2 dialogs opened over each other. so when i click on the top most(2nd) dialog then both the dialogs' $('#div1').dialog('close') and $('#div2').dialog('close') are called I am redirected to another page. Now here is what the issue arises, I am on new page with both dialogs closed, now if I open up the 1st dialog again it opens up but with everything frozen. I mean it literally takes no input but a cursor keeps blinking in first field. This happens only in Firefox, in Chrome it works like a charm.

Block rest of the view except a particular element

Sorry for the title couldn't come with a better one...Okay here's is my doubt, when we display a javascript alert using alert("Some text") we see the alert dialog , Now the enter UI except the dialog box is unresponsive unless we hit Ok or close the alert window, Same goes for the confirm dialog. I am trying to build a widget to display my custom Confirm dialog using HTML elements but I don't know how to block the UI, The user if he wants can ignore the dialog & click other elements on the UI, Any suggestions or workarounds on blocking?
You could build a simple overlay with your dialog. Your dialog could be absolutely positioned on the screen, allowing users to either click it or other elments to the side of it.
http://www.emanueleferonato.com/2007/08/22/create-a-lightbox-effect-only-with-css-no-javascript-needed/

Categories