如何从现有的弹出窗口中打开一个新的弹出窗口？答案

【问题标题】：How to open a new pop-up from an existed pop-up?如何从现有的弹出窗口中打开一个新的弹出窗口？
【发布时间】：2014-04-30 15:47:40
【问题描述】：

我正在开发三星智能电视应用程序，我创建了一个新屏幕作为弹出窗口，当我单击按钮时会显示它...问题是当我尝试打开另一个屏幕时（作为弹出窗口太）从当前的弹出窗口......我失败了！

这是我的代码，请任何建议都会有所帮助..thanx

HTML 代码：

    <div id= "menu_list"  >
    <div class= "menu" >
        <a href="#openModal"  onkeydown="Main.keyDown();">Welcome</a></div>
    <div id="openModal" class="modalDialog"><div>

    <div id= "menu_list2"  >
    <div class= "hello" >
        <a href="#OPEN"  onkeydown="Main.keyDown();">A</a></div>
    <div id="OPEN" class="hi"><div>
            </div>
        </div>

CSS 代码：

.hi > div {
width:760px;
position: relative;
padding: 100px 100px 450px 100px;
border-radius: 10px;
background-color: pink;

  }   
 .modalDialog > div {
width:760px;
position: relative;
padding: 100px 100px 450px 100px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
    }

JAVA 脚本代码：

Main.enableKeys = function()
{
$('.menu').eq(current_selected_index).addClass('selected'); 
$('.menu a').eq(current_selected_index).focus();


};

注意：当我单击“欢迎”按钮时，第一个弹出窗口正常工作，但当我单击“A”按钮时，第二个弹出窗口不起作用..这有点与 java 脚本代码有关吗...我试图启用“A”按钮，但我不能在同一个 enablekeys 功能中做到这一点，当我这样做时，两个按钮都变为禁用！

【问题讨论】：

标签： javascript html css popup samsung-smart-tv

【解决方案1】：

相关问题为here。在一处使用按键事件，然后在开关中（例如）处理按键

示例：

JS代码：

Main.keyDown = function()
{
    var keyCode = event.keyCode;
    alert("Key pressed: " + keyCode);

    switch(keyCode)
    {
        case tvKey.KEY_RETURN:
        case tvKey.KEY_PANEL_RETURN:
            alert("RETURN");
            widgetAPI.sendReturnEvent();
            break;
        case tvKey.KEY_LEFT:
            Main.moveLeft();
            break;
        case tvKey.KEY_RIGHT:
            Main.moveRight();
            break;
        case tvKey.KEY_UP:
            Main.moveUp();
            break;
        case tvKey.KEY_DOWN:
            Main.moveDown();
            break;
        case tvKey.KEY_ENTER:
        case tvKey.KEY_PANEL_ENTER:
            Main.enter();
            break;
        default:
            alert("Unhandled key");
            break;
    }
};

Main.enter = function(){
 if (focusedhtmlobject.hasClass('firstAtag')){ /*do something, open dialog*/ $('#openModal').show();
}
else{
/*etc*/
$('#openModal').hide();
}
};

希望这段代码对你有帮助

【讨论】：