How to open a popup window in JavaScript using onclick?

Question

Below is the code I’ve written so far for popup window in Javascript using button: 

 <div data-role="popup" id="myPopupDialog4">

    <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>

    <div data-role="header">

       <h4>Post Update </h4>

    </div>

    <div data-role="main" class="ui-content">

             <pre><B>

             <div id="resultDayOfWeek"></div>

             <div id="resultNum"></div>

             <div id="resultDir"></div>

             <div id="resultStop"></div>

             <div id="resultTime"></div>     

             </B> 

             </pre>

    <fieldset data-role="controlgroup">

        <legend>Choose Status</legend>

       <label for="Arrived/Left">Arrived/Left</label>

       <input type="radio" name="status" id="Arrived/Left" value="Arrived/Left">

       <label for="Delayed">Delayed</label>

       <input type="radio" name="status" id="Delayed" value="Delayed">  

       <label for="Canceled">Canceled</label>

       <input type="radio" name="status" id="Canceled" value="Canceled">

       <label for="getupdate">getupdate from others</label>

       <input type="radio" name="status" id="getupdate" value="getupdate">

       <label for="Other">Other</label>

       <input type="radio" name="status" id="Other" value="Other">

       </fieldset>

       <textarea name="addinfo" id="info"> Comments goes here.... </textarea>

       <input type="submit"  value="Submit" onclick="postSubmit();">  

       <div id="poststatus"></div>   

    </div>  

    <div data-role="footer" >

       <h1>Footer Text</h1>

    </div>

 </div>

Can anyone tell me how to do this? 

Answer 1

Use window.open:

var referenceToNewWindow = window.open(url, name, features);

Interested in Java? Check out this Java tutorial by Intellipaat.