Javascript popup over all applications - javascript

I have an ASP.NET page, running in IE, that monitors several server jobs running at night. When an error occurs on a job, I have a popup window that opens with javascript, window.open(). The problem is, employees tend to have other applications, such as Netflix, running full screen and do not see the popup window notifying them of the error. I have javascript code on the popup page to continually set focus to itself, so it will blink in the taskbar, but Netflix covers the taskbar, so not helpful.
Currently using:
setInterval('window.focus()',500);
Is there a way to make a popup window in IE that will open over every other application?

No, you only have control over the browser and that is even limited, not the entire Desktop/Laptop.

The only way to overcome to other windows is using fullscreen=yes to make your window full screen. It's supported in IE only (MSDN docs) and Mozilla people hate it!
Otherwise you don't have access to OS level from the browser.

Related

How to prevent firefox window manual resizing?

I use the last firefox release (45.02) on windows 7.
I want to prevent user to resize manually the windows. I have a non responsive GUI, and I want to fix the browser interface.
I can't use the javascript resizeTo(...) function because of MDN docs
You can't reasonably do this. Which is a Good Thing. The user is in control of their browser, not you.
You can control the size of a popup (including whether it can be resized), within reason, so temporarily while you sort out the responsive thing, you could provide users a link to open a window in the size you want:
Open window in XxY for best experience of this site.
then
document.getElementById("open-window").addEventListener("click", function() {
window.open("http://example.com", "", "width=640,height=480,resizable=no");
}, false);
Note that some browsers may still allow resizing, either in the normal way or via a small "grippy" (as the Firefox folks call it).

Safari and window.open() -- how to use it and not get focus?

My order entry web site is being enhanced to have a Master / Child window architecture. The Child windows would be used for "by the way..." searches and the Master window is where editing occurs. Periodically the Master window wants to tell things to the Child windows. If it has a handle to the child, such as that from window.open(), then this is easy.
Because the user might refresh the Master window (F5) the page must recover its list of children. I don't know of a way of doing this apart from going through a list of likely child window names using window.open(). Tests of this idea on my computer running Windows, with the Chrome / Firefox / MSIE browsers, all work OK.
However, I don't get good Safari results. When run on a variety of Mac OS / Safari versions calling window.open() always also brings that window to the foreground. To me this is deal-breaking behavior. Running window.open() then window.blur() isn't acceptable due to the flash display of the undesired window.
Question: Is there a way of calling window.open() (and not window.blur()) while always suppressing the "bring to foreground" behavior?
Question: Are there ways of getting a window handle w/o using window.open()?
Thanks,
Jerome.
window.opener would be the answer for your question. But window.opener is not supported by IE.
something like below would help.
if ($.browser.safari)
std = window.opener("", "childwindowname");
else
std = window.open("", "childwindowname");

Firefox : Force full-screen mode from webpage

I am developing a web-based database that needs to be opened through firefox web browser(because of some css3 elements). I want the page to open automatically in full screen mode. I dont want the user of the database to have access to the firefox menu items
Can't be done if you just have control of the webpage. Controls in the webpage cannot cause changes in the browser instance itself.
It would be a security issue if that were allowed. You could look into writing a Firefox extension to do that, as they have more access to the browser instance itself.
You shouldn't look at trying to hide the firefox menu controls. That seems like a flaw in your problem-solving approach.
You will want to look at Fullscreen APIs of the browser. If you accept a small request/info to the user in the application it can be done quite easily. You just can't force the user into Fullscreen mode against his will. This is good (for security reasons).
http://hacks.mozilla.org/2012/01/using-the-fullscreen-api-in-web-browsers/

Javascript problem in Chrome and Safari

I have a Javascript image switcher on my products page. It working perfect in IE and Firefox but both Safari and Chrome fails to load the script on some pageloads. A refresh seems to fix it but when changing product page or language it crashes.
The product page
Im using Wordpress and the script is varal.org/media/imageswitcher/
Thanks!
Anton
I did not experience any issues in either Chrome or Safari for Windows on your product page. Try this in Chrome, to check if the two scripts (imageswitcherconf.js and imageswitcher.js) are being loaded:
Press Ctrl+Shift+J to open the JavaScript Console/Developer Tools window.
Click the Resources tab on the top of the window.
Enable resource tracking/script debugging if you have to.
With the JavaScript Console/Developer Tools window still open, perform an operation that would normally trigger a crash, such as switching languages.
On the left side of the window, under the Resources heading, you should see imageswitcherconf.js followed by imageswitcher.js. (For me, they appeared fourth and fifth in the list, respectively.)
If the files aren't being loaded:
Are you behind a caching proxy?
Is your browser cache clear?

Javascript: Automatically maximize browser window and switch to full screen mode?

I am working on a Flash app that is 900x700 pixels. When viewed in misc. browsers at 1024x768, the browser chrome causes robs too much of the vertical space and the app appears in a window with a vertical scrollbar. Unacceptable.
The flash app will be launched via a link emailed to the viewers.
I'd like to avoid resizing the flash app and am wondering if there's a way to do the following via javascript, with no clicks involved:
maximize the current browser window
remove current window address bar and tabs / switch browser to full screen view (equivalent to pressing F11).
An alternative would be to resize the flash app vertically to match the browser canvas height to avoid scrolling. This may cause the app to become unreadable, so not the best approach in my case.
Thank you!
UPDATE: Seems that browser resizing and autoswitch to full screen won't work and neither will the flash app auto resize. What is the best approach then? And, some users may have browsers with toolbars or open a small browser window.
The only idea I have is to use javascript and display a message to users with small browser windows to pres F11 manually. The audience is executes and some may not even know what an F11 means...
There is no way to maximize the browser window to full screen with JavaScript. While this is unfortunate for your genuine requirement, it is considered a security restriction.
Sources:
Stack Overflow - To view the silverlight app in fullscreen mode(F11)
SitePoint Forums - Trigger F11 using javascript
Webmaster World - F11 Fullscreen using Javascript
The window size can be altered by using:
window.moveTo(0, 0);
window.resizeTo(screen.availWidth, screen.availHeight);
To answer the question in the comment you made to your own post. Yes. You can have a button whose click handler does this
stage.displayState = StageDisplayState.FULL_SCREEN;
You can use JavaScript to open a new window (using window.open) and control the window that is opened (no address bar, etc). You can also control the size of the window (you can't maximize it, but you can get the users screen size, and set the window that same size).
Chrome 15, Firefox 10, and Safari 5.1 now provide APIs to programmatically trigger fullscreen mode. Fullscreen mode triggered this way provide events to detect fullscreen changes and CSS pseudo-classes for styling fullscreen elements. These APIs may present you with a more acceptable solution for those browsers.
See this hacks.mozilla.org blog post for details.

Categories