While this kind of popup should not be blocked by the browser as we are opening just one new window on user click, however if your browser is over-aggressive in blocking popups then you may need to temporarily disable the popup blocker in order to see it in action.Īs seen in the screen-clip below, the popup window that we created will be re-sizable by the user and will also have its own address-bar as well as the scrollbar. A popup window of size 600×600 should get created and it should open the link that we specified.
#PLAY VIDEO IN POPUP WINDOW HTML CODE#
Demo of Popup WindowĬlick on the button below to see the above code in action. By adding return false we are ensuring that the default click action is not executed. We are passing the URL to be opened in popup along with the width and height of the popup window that we want to create.
Here we are asking the browser to add our inline JavaScript code in the click behavior of the link by specifying the onclick attribute. However to open the links in a separate popup window, we can make use of the onclick property and specifying a inline JavaScript code window.open as shown below. In order to open them in a new window, we add target="_blank" attribute to links. Normally links get opened in the same window in which they are clicked in. In this post, I will show how we can easily define click behavior on links to open them in a popup along with some customization options such as sizing the popup window. However there may be a genuine need for opening links in a popup window in web applications. Popup windows are not always desirable and are most likely frowned upon by many due to it being infamous for being used to open advertisements.
0 kommentar(er)
