Customizing the window popup skin? - javascript

Is there a way to customize the window layouts of popup that opens as a result of window.open event?

You could use jQuery UI to create a modal dialog box if you don't need an actual browser window.

If you mean you want to style the browser window this is not possible (not reliably across browsers as far as I know at least). You could open up your own-made popups inside the already opened website using javascript (then the popups would not be real popups but elements in the html DOM). Check out www.zkoss.org for an example using ajax for this if you are using java as a backend technology.
Demo:
Modal window demo

Related

HTML in a window

I want to make a window with HTML that works similar to ones opened by windows. I know the method with actual browsers, but it isn't good enough as I have link and navigation buttons.
This would make my job easier in making softwares with lots of animations
The best you can get is calling Window.open with third argument set as: 'menubar=no,location=no,resizable=no,scrollbars=no,status=no'.
This will open a new browser window with only the address bar shown.
There is no way to open a native window out of the browser's scope from JavaScript code other than this. It is a security limitation.
However, the other alternatives include are Window.alert or a Window.prompt.
If you want to open a popup box you can use alert("This is a dialog box!");, confirm("Is it ok or not?"); or prompt("Enter a value and confirm it or not");.
https://www.w3schools.com/js/js_popup.asp
If you want to open a native window, that is not possible as it has already been said.

Single mouse click to open new tab + modal window at same time

See for example:
http://www.retailmenot.com/view/macys.com
When you click on one of the buttons, it both automatically opens a new tab, and pop out their modal window.
What are the possible ways to do this?
They seem to do both actions with Javascript. They actually do something that keeps the window in the current tab and not on the one that was opened. How is it done?
In general, Can I achieve these two actions (nevermind if focus is on new window) with a regular form submission with target=_blank the new tab, and some class to pop the modal window? What should the javascript look like?
Is there any way to do this without javascript at all?
Basically I'm looking for practices that are supported from IE8+, and cross browser compliant.
See this : http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_open
You can open your js modal also inside myFunction() function.

Disable the Maximixe, Close buttons in popup

In my web application(ASP.net), I used a Popup window using JavaScript. It is working perfectly but I need to Disable/Hide the Minimize, Maximize, Close buttons and the resizeable handlers too. Is it possible.... If it can be done, let me know how to achieve it.
My JavaScript is as follows:
function ApproveClick(url)
{
newwin =window.open(url,'PopupWindow','left=50, top=50, height=200, width=500,
toolbars=no,menubar=no,location=no,scrollbars=no,resizable=0,status=yes');
if(window.focus)
{
newwin.focus();
}
}
you could also use jQuery dialog box or MS Ajax control toolkit Modal Popup..
If you are looking for a cross browser solution (supporting at least IE, Firefox and Chrome), and trying to implement it only through parameters of window.open method, this is not possible. You can play around with dialog=yes,minimizable=no,maximizable=no options to see results but I suppose you won't be satisfied.
For example, in Chrome popups will always be resizeable when you are using window.open function.
So if you are looking for full control of your popups, go with something like javascript dialog (jQuery for example).

How to disable maximize,mimimize and close button for a new window open

I am using window.open() method to open a page as a pop-up window for a link button click event.
But the poup-up window is having minimize,maximize,close(x) button.
I dont want those buttons. How can remove these buttons?
This is the method i am using,
window.open(url,"Link","toolbar=0,location=0,directories=0,status=0,menubar=0,titlebar=no,scrollbars=1,resizable=0,width=450,height=310,left=500,top=350");
Tell me how can do this.
Regards,
Chirag Jain.
You can't.
If you want a popup style window without full window decorations you'd have to create a new overlay <div> on top of the existing content and fill that with content, perhaps using an <iframe>.
You can't do it from javascript alone. Think about it, if you could, then people could put it into code on web-pages and cause other people's computers to open windows they couldn't easily close.
Instead you'll have to look for an answer specific to whichever browser you're using to host this application, and change it on the computers of your users appropriately. Even then though I don't think you'll be in luck (with Firefox for example, I can see how to get rid of them on all browser windows, but not on just one).

Popup a message upon exiting a webpage

We'd like to have a message popup when a visitor to specific webpages leave those webpages. So we could tie some Javascript to the links on those webpages, but then we can't control if the user exited the webpage by typing in a URL, using a bookmark or just closing the window...
I assume we have limited options if the user tries closing the browser window... but I do know it's possible because Google Docs' Documents offers the chance to cancel closing the window if you have unsaved work while closing the browser.
What are my options? Can I have Javascript called upon going to another webpage? Can I control the text in the popup when trying to close the window?
I'm using jQuery, so if there are good solutions implemented with jQuery that's perfectly fine.
Yes.
https://developer.mozilla.org/en/DOM/window.onbeforeunload
jQuery UI Dialog OnBeforeUnload
There is onunload event you can bind to, first example:
http://www.codetoad.com/javascript/miscellaneous/onunload_event.asp

Categories