Как открыть всплывающее окно во всплывающем окне?

Question

Я хочу открыть всплывающее окно в другом окне всплывающее окно.

Пожалуйста, проверьте code-

myjavascript.js

var win = null; 
function NewWindow(mypage,myname,w,h,scroll){ 
    LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; 
    TopPosition = (screen.height) ? (screen.height-h)/2 : 0; 
    settings = 
    'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' 
    win = window.open(mypage,myname,settings) 
} 

index.html

<script src="myjavascript.js"></script> 
<a href="#" onclick="NewWindow('popup1.html','name','500','500','yes');return false" class="link-2">My Account</a> 

popup1.html

<script src="myjavascript.js"></script> 
<a href="#" onclick="NewWindow('popup2.html','name','500','500','yes');return false" class="link-2">Click to open popup2</a> 

popup2.html

<h1>You are now popup2.html page</h1> 

Приведенный выше код работает для меня, но второе всплывающее окно не открывается. пожалуйста, проверьте и дайте мне знать.

Благодаря @chatfun

Answer 1

Проблема заключается в том, что вы используете один и тот же идентификатор для обоих window.open(mypage,myname,settings).

Изменение name во втором вызове:

index.html

<a href="#" onclick="NewWindow('popup1.html','name','500','500','yes');return false" class="link-2">My Account</a>

popup1.html

<a href="#" onclick="NewWindow('popup2.html','NEWNAME','500','500','yes');return false" class="link-2">Click to open popup2</a>

Надеюсь, что это помогает,