继续求教yixianggao 依然是关于Popup的问题

首先感谢yixianggao对我的帮助你让我看的那几个文档对我的帮助真的很大言归正传依旧是这一段代码现在我想将Popup窗体设置一个格式页面大概内容就是上边有一条按钮电影电视剧什么的下边是分为两个部分左边是当点击上边那些按钮时所显示出来的内容也就是那个DIV层右边是当点击左边DIV层里的按钮时所显示出来的电影数据遇到问题如下：如果在pbody.innerHTML中直接加入table会导致无法将下边的元素准确添加到每一个td中还有一个问题那个DIV的ID是txtHint 可为何使用txtHint.style行不通？还有一个技术上的问题前边说了我现在那个DIV层里的东西要变成按钮这些按钮同样要加入键盘事件问题出来了用鼠标点击的话不会有任何问题可是如果页面刚刚加载出来的话我直接按键盘上对应的键时会怎么样呢？设想解决方法应该是在点击上边按钮后所弹出来的DIV里的内容也就是那些按钮应该先设置成禁用然后判断当禁用时键盘事件无效不知可行否？小弟对JS才疏学浅也就只能麻烦yixianggao大哥了
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /><script type="text/javascript">var oPopup = window.createPopup();function InitializePopup() {
    var pbody = oPopup.document.body;
    pbody.style.border = "solid black 1px";
    pbody.innerHTML = "";    var btna = oPopup.document.createElement("button");
    btna.innerHTML = "电影(a)";
    oPopup.document.body.appendChild(btna);    btna.onclick = function() {
        txtHint.innerHTML = "<table><tr><td>恐怖片</td><td>爱情片</td></tr></table>";
    };    var btnb = oPopup.document.createElement("button");
    btnb.innerHTML = "电视剧(b)";
    oPopup.document.body.appendChild(btnb);    btnb.onclick = function() {
        txtHint.innerHTML = "<table><tr><td>内地电视剧</td><td>港台电视剧</td></tr></table>";
    };    var txtHint = oPopup.document.createElement("div");
    txtHint.id = "txtHint";
    oPopup.document.body.appendChild(txtHint);
}function ShowPopup()
{
    oPopup.show(100,0,800,600,document.body)
}function key_short(){
    if (event == null)
    {
        alert("event is null: true.");
    }
    else
    {
        //alert(window.event.keyCode);
        var key = window.event.keyCode;
        if(key==65) a();
        if(key==66) b();
    }
}function a(){
    oPopup.document.getElementById("txtHint").innerHTML="<table><tr><td>恐怖片</td><td>爱情片</td></tr></table>"
}
function b(){
    oPopup.document.getElementById("txtHint").innerHTML="<table><tr><td>内地电视剧</td><td>港台电视剧</td></tr></table>"
}InitializePopup();</script>
</head><body>
<button onclick="ShowPopup()">Create pop-up!</button>
</body>
<script type="text/javascript">

</script>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

大概写了一下，lz 自己改改吧L@_@K
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /><script type="text/javascript">var oPopup = window.createPopup();function InitializePopup() {
    var pBody = oPopup.document.body;
    pBody.style.border = "solid black 1px";
    pBody.innerHTML = "";    var btna = oPopup.document.createElement("button");
    btna.innerHTML = "电影(a)";
    pBody.appendChild(btna);    var btnb = oPopup.document.createElement("button");
    btnb.innerHTML = "电视剧(b)";
    pBody.appendChild(btnb);    var leftDiv = oPopup.document.createElement("div");
    leftDiv.id = "leftDiv";
    leftDiv.style.styleFloat = "left";
    leftDiv.style.border = "1px dashed red";
    leftDiv.style.width = "399px";
    leftDiv.style.height = "500px";
    pBody.appendChild(leftDiv);    var rightDiv = oPopup.document.createElement("div");
    rightDiv.id = "rightDiv";
    rightDiv.style.styleFloat = "right";
    rightDiv.style.border = "1px solid blue";
    rightDiv.style.width = "399px";
    rightDiv.style.height = "500px";
    pBody.appendChild(rightDiv);    btna.onclick = function() {
        a();
    };    btnb.onclick = function() {
        b();
    };
}function ShowPopup()
{
    oPopup.show(100,0,800,600,document.body)
}function key_short(){
    if (event == null)
    {
        alert("event is null: true.");
    }
    else
    {
        //alert(window.event.keyCode);
        var key = window.event.keyCode;
        if(key==65) a();
        if(key==66) b();
        if(key==67) c();
        if(key==68) d();
        if(key==69) e();
        if(key==70) f();
    }
}function a(){
    var leftDiv = oPopup.document.getElementById("leftDiv");
    leftDiv.innerHTML = "";    var btnc = oPopup.document.createElement("button");
    btnc.innerHTML = "恐怖片(c)";
    btnc.onclick = c;
    leftDiv.appendChild(btnc);    var btnd = oPopup.document.createElement("button");
    btnd.innerHTML = "爱情片(d)";
    btnd.onclick = d;
    leftDiv.appendChild(btnd);
}
function b(){
    var leftDiv = oPopup.document.getElementById("leftDiv");
    leftDiv.innerHTML = "";    var btne = oPopup.document.createElement("button");
    btne.innerHTML = "内地电视剧(e)";
    btne.onclick = e;
    leftDiv.appendChild(btne);    var btnf = oPopup.document.createElement("button");
    btnf.innerHTML = "港台电视剧(f)";
    btnf.onclick = f;
    leftDiv.appendChild(btnf);
}
function c(){
    oPopup.document.getElementById("rightDiv").innerHTML = "播放恐怖片 :(";
}
function d(){
    oPopup.document.getElementById("rightDiv").innerHTML = "播放爱情片 :b...";
}
function e(){
    oPopup.document.getElementById("rightDiv").innerHTML = "播放内地电视剧 ^_^";
}
function f(){
    oPopup.document.getElementById("rightDiv").innerHTML = "播放港台电视剧 @_@";
}InitializePopup();</script>
</head><body>
<button onclick="ShowPopup()">Create pop-up!</button>
</body>
<script type="text/javascript">

</script>
</html>
代码只能解决燃眉之急可对今后的学习帮助却不大我主要想学习一下yixianggao大哥的思路对于出现问题时处理的办法
其实很多思路是试出来的！解决问题的关键必须同时熟悉问题所处的环境和问题的本质！lz 所遇到的问题所处的环境是浏览器，即 html + js + css，这三项技术的基本知识点要烂熟于心才行。而问题的本质是响应键盘事件，当 popup 窗口的 event 为 null 时，
转而检查其父对象 window 是否能触发 event，如果能响应则可解，否则无解！说到底，经验 + 冷静思考 -> 解题思路 + 实验 -> 问题得解！
技术+实践=真理.......    yixianggao大哥上述代码还有一个问题没有解决呢那个是我最犯愁的当P窗体弹出以后我按C D等键也会直接显示出内容可是我想当出现那几个按钮后才可以触发那些事件这个要怎么做
加个全局监视器好了L@_@K
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /><script type="text/javascript">var oPopup = window.createPopup();var buttonMonitor = {};function SetButtonMonitor(keyName) {
    buttonMonitor[keyName] = true;
}
function GetButtonMonitor(keyName) {
    return buttonMonitor[keyName];
}
function ResetButtonMonitor() {
    for (var p in buttonMonitor)
    {
        buttonMonitor[p] = false;
    }
}function InitializePopup() {
    var pBody = oPopup.document.body;
    pBody.style.border = "solid black 1px";
    pBody.innerHTML = "";    var btna = oPopup.document.createElement("button");
    btna.innerHTML = "电影(a)";
    pBody.appendChild(btna);    var btnb = oPopup.document.createElement("button");
    btnb.innerHTML = "电视剧(b)";
    pBody.appendChild(btnb);    var leftDiv = oPopup.document.createElement("div");
    leftDiv.id = "leftDiv";
    leftDiv.style.styleFloat = "left";
    leftDiv.style.border = "1px dashed red";
    leftDiv.style.width = "399px";
    leftDiv.style.height = "500px";
    pBody.appendChild(leftDiv);    var rightDiv = oPopup.document.createElement("div");
    rightDiv.id = "rightDiv";
    rightDiv.style.styleFloat = "right";
    rightDiv.style.border = "1px solid blue";
    rightDiv.style.width = "399px";
    rightDiv.style.height = "500px";
    pBody.appendChild(rightDiv);    btna.onclick = function() {
        a();
    };    btnb.onclick = function() {
        b();
    };
}function ShowPopup()
{
    oPopup.show(100,0,800,600,document.body)
}function key_short(){
    if (event == null)
    {
        alert("event is null: true.");
    }
    else
    {
        //alert(window.event.keyCode);
        var key = window.event.keyCode;
        if(key==65) a();
        if(key==66) b();
        if(key==67) c();
        if(key==68) d();
        if(key==69) e();
        if(key==70) f();
    }
}function a(){
    var leftDiv = oPopup.document.getElementById("leftDiv");
    leftDiv.innerHTML = "";    var btnc = oPopup.document.createElement("button");
    btnc.innerHTML = "恐怖片(c)";
    btnc.onclick = c;
    leftDiv.appendChild(btnc);    var btnd = oPopup.document.createElement("button");
    btnd.innerHTML = "爱情片(d)";
    btnd.onclick = d;
    leftDiv.appendChild(btnd);    ResetButtonMonitor();
    SetButtonMonitor("c");
    SetButtonMonitor("d");
}
function b(){
    var leftDiv = oPopup.document.getElementById("leftDiv");
    leftDiv.innerHTML = "";    var btne = oPopup.document.createElement("button");
    btne.innerHTML = "内地电视剧(e)";
    btne.onclick = e;
    leftDiv.appendChild(btne);    var btnf = oPopup.document.createElement("button");
    btnf.innerHTML = "港台电视剧(f)";
    btnf.onclick = f;
    leftDiv.appendChild(btnf);    ResetButtonMonitor();
    SetButtonMonitor("e");
    SetButtonMonitor("f");
}
function c(){
    if (GetButtonMonitor("c"))
        oPopup.document.getElementById("rightDiv").innerHTML = "播放恐怖片 :(";
}
function d(){
    if (GetButtonMonitor("d"))
        oPopup.document.getElementById("rightDiv").innerHTML = "播放爱情片 :b...";
}
function e(){
    if (GetButtonMonitor("e"))
        oPopup.document.getElementById("rightDiv").innerHTML = "播放内地电视剧 ^_^";
}
function f(){
    if (GetButtonMonitor("f"))
        oPopup.document.getElementById("rightDiv").innerHTML = "播放港台电视剧 @_@";
}InitializePopup();</script>
</head><body>
<button onclick="ShowPopup()">Create pop-up!</button>
</body>
<script type="text/javascript">

</script>
</html>
呵呵，其实只是全局对象，通过添加动态属性来标识按钮状态，即 SetButtonMonitor("e"); 表示按钮(e)已经处于显示状态了，当触发按键事件时，先判断相应的按钮状态，若为 true 则继续执行。
那个帖子估计被斑竹疑似倒分给删了，呵呵上下左右加回车已经实现了，只能模拟焦点，
不过代码比较烂，凑合看看吧L@_@K
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /><script type="text/javascript">var oPopup = window.createPopup();var buttonMonitor = {};
var highlightButton = null;
var topButtons = null;function SetHighlightButton(btn) {
    BlackoutHighlightButton();
    highlightButton = btn;
    btn.style.backgroundColor = "yellow";
}
function BlackoutHighlightButton() {
    if (highlightButton)
        highlightButton.style.backgroundColor = "";
}
function HighlightPreviousButton() {
    if (highlightButton
        && highlightButton.PreviousButton)
        SetHighlightButton(highlightButton.PreviousButton);
}
function HighlightNextButton() {
    if (highlightButton
        && highlightButton.NextButton)
        SetHighlightButton(highlightButton.NextButton);
}
function HighlightFirstUpButton() {
    if (highlightButton
        && highlightButton.FirstUpButton)
        SetHighlightButton(highlightButton.FirstUpButton);
}
function HighlightFirstDownButton() {
    if (highlightButton
        && highlightButton.FirstDownButton)
        SetHighlightButton(highlightButton.FirstDownButton);
}function SetButtonMonitor(keyName) {
    buttonMonitor[keyName] = true;
}
function GetButtonMonitor(keyName) {
    return buttonMonitor[keyName];
}
function ResetButtonMonitor() {
    for (var p in buttonMonitor)
    {
        buttonMonitor[p] = false;
    }
}function InitializePopup() {
    var pBody = oPopup.document.body;
    pBody.style.border = "solid black 1px";
    pBody.innerHTML = "";    var btna = oPopup.document.createElement("button");
    btna.innerHTML = "电影(a)";
    pBody.appendChild(btna);    var btnb = oPopup.document.createElement("button");
    btnb.innerHTML = "电视剧(b)";
    pBody.appendChild(btnb);    var leftDiv = oPopup.document.createElement("div");
    leftDiv.id = "leftDiv";
    leftDiv.style.styleFloat = "left";
    leftDiv.style.border = "1px dashed red";
    leftDiv.style.width = "399px";
    leftDiv.style.height = "500px";
    pBody.appendChild(leftDiv);    var rightDiv = oPopup.document.createElement("div");
    rightDiv.id = "rightDiv";
    rightDiv.style.styleFloat = "right";
    rightDiv.style.border = "1px solid blue";
    rightDiv.style.width = "399px";
    rightDiv.style.height = "500px";
    pBody.appendChild(rightDiv);    btna.onclick = function() {
        a();
    };    btnb.onclick = function() {
        b();
    };    SetHighlightButton(btna);
    btna.NextButton = btnb;
    btnb.PreviousButton = btna;    topButtons = [btna, btnb];
    //alert(topButtons.length);
}function ShowPopup()
{
    oPopup.show(100,0,800,600,document.body)
}function key_short(){
    if (event == null)
    {
        alert("event is null: true.");
    }
    else
    {
        //alert(window.event.keyCode);
        var key = window.event.keyCode;
        if(key==65) a();
        if(key==66) b();
        if(key==67) c();
        if(key==68) d();
        if(key==69) e();
        if(key==70) f();        // Left arrow
        if(key==37) HighlightPreviousButton();
        // Right arrow
        if(key==39) HighlightNextButton();
        // Up arrow
        if(key==38) HighlightFirstUpButton();
        // Down arrow
        if(key==40) HighlightFirstDownButton();
        // Enter
        if (key==13 && highlightButton)
            highlightButton.click();
    }
}function a(){
    var leftDiv = oPopup.document.getElementById("leftDiv");
    leftDiv.innerHTML = "";    var btnc = oPopup.document.createElement("button");
    btnc.innerHTML = "恐怖片(c)";
    btnc.onclick = c;
    leftDiv.appendChild(btnc);    var btnd = oPopup.document.createElement("button");
    btnd.innerHTML = "爱情片(d)";
    btnd.onclick = d;
    leftDiv.appendChild(btnd);    ResetButtonMonitor();
    SetButtonMonitor("c");
    SetButtonMonitor("d");    SetHighlightButton(btnc);
    btnc.NextButton = btnd;
    btnd.PreviousButton = btnc;    btnc.FirstUpButton = topButtons[0];
    btnd.FirstUpButton = topButtons[0];    topButtons[0].FirstDownButton = btnc;
    topButtons[1].FirstDownButton = btnc;
}
function b(){
    var leftDiv = oPopup.document.getElementById("leftDiv");
    leftDiv.innerHTML = "";    var btne = oPopup.document.createElement("button");
    btne.innerHTML = "内地电视剧(e)";
    btne.onclick = e;
    leftDiv.appendChild(btne);    var btnf = oPopup.document.createElement("button");
    btnf.innerHTML = "港台电视剧(f)";
    btnf.onclick = f;
    leftDiv.appendChild(btnf);    ResetButtonMonitor();
    SetButtonMonitor("e");
    SetButtonMonitor("f");    SetHighlightButton(btne);
    btne.NextButton = btnf;
    btnf.PreviousButton = btne;    btne.FirstUpButton = topButtons[0];
    btnf.FirstUpButton = topButtons[0];    topButtons[0].FirstDownButton = btne;
    topButtons[1].FirstDownButton = btne;
}
function c(){
    if (GetButtonMonitor("c"))
        oPopup.document.getElementById("rightDiv").innerHTML = "播放恐怖片 :(";
}
function d(){
    if (GetButtonMonitor("d"))
        oPopup.document.getElementById("rightDiv").innerHTML = "播放爱情片 :b...";
}
function e(){
    if (GetButtonMonitor("e"))
        oPopup.document.getElementById("rightDiv").innerHTML = "播放内地电视剧 ^_^";
}
function f(){
    if (GetButtonMonitor("f"))
        oPopup.document.getElementById("rightDiv").innerHTML = "播放港台电视剧 @_@";
}InitializePopup();</script>
</head><body>
<button onclick="ShowPopup()">Create pop-up!</button>
</body>
<script type="text/javascript">

</script>
</html>
样式自己改改吧，帖子被斑竹转到了非技术区，呵呵http://topic.csdn.net/u/20110106/15/6294a41d-1206-4a88-a661-d7b4ae85def2.html
看到了真恶心明天又得重新建号了快没分了哈哈老板刚才非要说输入一个网址后直接打开那个窗体后边的IE不要我就服了爸爸都没有了还能有儿子？不知道怎么想的大哥你看这个问题能解决吗打开网页后直接运行这个窗体不再需要通过点击创建了这个到是简单但是后边的IE怎么办呢？要不把父窗体直接最小化或者把Pupop全屏处理你看应该怎么做？
那就充满当前窗体算了，完全父窗体遮挡住！L@_@Kfunction ShowPopup()
{
    oPopup.show(0,0, document.body.offsetWidth, document.body.offsetHeight,document.body)
}
直接打开 popup 窗口么？把 popup 的内容直接做到页面里岂不是更简单，也就没必要这么折腾了，呵呵
可以挡住，下班先，明天再试验哈L@_@K
function ShowPopup()
{
    oPopup.show(0,-50, document.body.offsetWidth, document.body.offsetHeight,document.body)
}