More

    How to Generate Popup Window in Javascript

    Must Read

    Resolved: Error Code 0x80070570 In Windows 10

    When there is something wrong in any process of Windows, it notifies users by displaying an alert box on...

    Custom Front-End Web Development: Back To Basics

    Ever since the internet came into existence in 1983, nothing has ever been the same. From dial-up connection and...

    Resolved: Inkscape Not Opening In Windows 10 Or Mac

    Fixing Inkscape on WindowsFixing Inkscape on MacInkscape not opening is a common problem, that many Inkscape editors have been...
    How to Generate Popup Window in Javascript 1
    Sreejeshhttps://techgyo.com
    Hi there! I'm +Sreejesh and I am an internet enthusiast. I started writing on this blog as a hobby, now full time blogger. In this blog, I cover topics about blogging, and how to make money online, and also some interesting techy news, tips and tutorials. Checkout archives

    Being a blogger, we always get hands with html coding in different instances. In this tutorial, I’ll show you how to Generate Popup Window in Javascript to make a link open in a pop up window. Basically, it’s about making Modal window or popup window also know as modal window using JavaScript. You can also make a popup link using HTML, but here we’re showing the JavaScript technique. Its very simple if you try to understand the code.

    Steps to Generate Popup Window in Javascript

    To test your code, you can use our HTML editor.

    Here’s we’re declaring the function and specify the hieght and width of the popup window. Just add the below code between <BODY> and </BODY> of your HTML Template.

    <!--TECHGYO POPUP CODE STARTS-->
    <script type='text/javascript'>
    //<![CDATA[
    var newwindow;
    function popuplink(url)
    {
    newwindow=window.open(url,'name','height=500,width=700');
    if (window.focus) {newwindow.focus()}
    }
    //]]>
    </script> <!--TECHGYO POPUP CODE ENDS-->

    The Popup link is the function name that we are going to use while placing the link to a text.

    500 is the height of the popup window.
    700 is the width of the popup window.

    While adding hyperlink to a text use the function name “Popup link” and then the url as given below.

    <a href="JavaScript:popwindow('ADD LINK HERE');">Open a popup window</a>

    Try It: Click to here

    popup link


     
    You are done:) enjoy!!
    - Advertisement -

    4 COMMENTS

    1. Pop-up windows in many situation prove beneficial displaying some information but in many situation all those pop-up windows are restricted by Firefox. How to get through this problem ?

    LEAVE A REPLY

    Please enter your comment!
    Please enter your name here

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    - Advertisement -

    Grab These Insanely Great Black Friday Deals On AppSumo!

    Here's the complete list of AppSumo Black Friday deals and our take on which one you should buy.Just last month, you all might have...

    A Vivid Picture of What’s Next in the Digital World – #DellTechForum Showed It Right!

    Dell Technologies has once again played the winning cards with the first-ever virtual #DellTechForum. Bringing out a distinct depiction of how the digital future...

    [Tried & Tested] Fix Frozen Windows 10 System Restore

    How long does system restore take?System Restore, taking long hours in Windows 10? Find how long does System Restore take and why?When some data...

    Resolved: Error Code 0x80070570 In Windows 10

    When there is something wrong in any process of Windows, it notifies users by displaying an alert box on the screen having an error...

    More Articles Like This

    - Advertisement -