如何从现有弹出窗口中打开一个新弹出窗口?

时间:2014-03-23 12:21:53

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

我正在开发三星智能电视应用程序,我创建了一个新屏幕作为弹出窗口,当我点击按钮时出现...问题是当我试图打开另一个屏幕时(作为弹出窗口)从当前的弹出窗口...我失败了!!

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

HTML CODE:

    <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 SCRIPT CODE:

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


};

注意:当我点击“欢迎”按钮时,第一个弹出窗口正常工作,但是当我点击“A”按钮时第二个弹出窗口没有工作..这有点与java脚本代码有关...我试图启用“A”按钮,但我不能在相同的enablekeys功能中执行此操作,当我这样做时,两个按钮都会被禁用!

1 个答案:

答案 0 :(得分:0)

相关问题为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();
}
};

我希望这段代码对你有所帮助

微米。