Pop-ups windows are some of the most common UI elements that we can find in websites. Sometimes it’s useful to add a pop-up to your pages. You can use it, for example, to create a contact forms (sign-up boxes), photo galleries, or for areas of your website that you might need a link containing “more information”.
You can use a
target="_blank" in the
open() method. By simply embedding a small snippet of code in your website and creating a unique link, you have complete control over the exact pixel dimensions of a link that opens in a new window.
|directories=yes|no|1|0||Obsolete. Whether or not to add directory buttons. Default is yes. IE only|
|height=pixels||The height of the window. Min. value is 100|
|left=pixels||The left position of the window. Negative values not allowed|
|location=yes|no|1|0||Whether or not to display the address field. Opera only|
|menubar=yes|no|1|0||Whether or not to display the menu bar|
|resizable=yes|no|1|0||Whether or not the window is resizable. IE only|
|scrollbars=yes|no|1|0||Whether or not to display scroll bars. IE, Firefox & Opera only|
|status=yes|no|1|0||Whether or not to add a status bar|
|titlebar=yes|no|1|0||Whether or not to display the title bar. Ignored unless the calling application is an HTML Application or a trusted dialog box|
|toolbar=yes|no|1|0||Whether or not to display the browser toolbar. IE and Firefox only|
Add the link to any objects that you want to act as a pop-up window.
In Adobe Muse you can use hyperlink code for objects:
For else cases you can use one of the following hyperlinks (both are the same):
Note: Replace the
http://www.your-site.comwith your link to page. Replace the
Examplewith name of the window (
_top, name). Replace the ‘700’ and ‘600’ with needed size of the pop-up window.
Note: This function doesn’t work on a dual monitor setup.
If you want to see a working example of this code then click the following:
When the user clicks on a link, a new window opens and displays a page (in this example is Home page of this website).
If this article has helped you then please leave a comment
Thanks for reading!