Opening PopUp with overlay With Buttons to redirect to Different Webpage

JavaScript
, , ,
1

I want to implement a PopUp on the Screen with an overlay when user clicks on a text, the popup will have some very long text so it should have scrolling feature , at the bottom of popup , two buttons will be there if the user clicks on 1st button the user will be redirected to another webpage , and if user clicks the 2nd button he will be kept on the same page with the overlay being removed , i have searched a lot and finally got something to open a popup window and not just a popup with overlay and that too without the above two feature , can anyone help me with the code

<html>
<head>
    <script type="text/javascript">

        window.onload = function() {

           var a = document.getElementById("mylink");

                   a.onclick = function() {

                 return false;
          }
        }
function myFunction() {
    var myWindow = window.open("", "", "width=200, height=100");
}
</script>
</head>
<body>
    <a id="mylink" href="http://www.google.com">linky</a>        
</body>
</html>
2

i am far & away from a js expert but it would seem you get the results you need w/ this code

<html>
<head>
   
</head>


<body>
    <a id="mylink" href=" ">linky</a>    
 <script type="text/javascript">
 window.onload = function() {
           var a = document.getElementById("mylink");
                 a.onclick = function() {
                 var myWindow = window.open(window.location.href = "http://www.google.com", "", "width=200, height=100");
				 
          }
        }
</script>    
</body>
</html>
3

you can also check a couple of threads w/shorter solutions at http://stackoverflow.com/questions/16130871/how-do-i-open-a-link-in-the-same-window-and-tab-using-the-onclick-event