Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在表行鼠标上方显示提交按钮_Php_Javascript_Html - Fatal编程技术网

Php 在表行鼠标上方显示提交按钮

Php 在表行鼠标上方显示提交按钮,php,javascript,html,Php,Javascript,Html,首先,请原谅我是Javascript和PHP的初学者 第二: 我有一个包含一些订单信息的表格,每行的第一个单元格都包含一个提交按钮,该按钮将信息从该行发送到第二个页面,并在该页面上显示 我编写了一个小的Javascript函数,以便在有人将鼠标移到提交按钮上之前将其隐藏起来。但我的问题是,按钮的提交ID被分配给第一个按钮,因此无论我将鼠标移到哪一行,都只会显示第一个提交按钮 显示功能如下所示: function showButton(id) { var e =

首先,请原谅我是Javascript和PHP的初学者

第二: 我有一个包含一些订单信息的表格,每行的第一个单元格都包含一个提交按钮,该按钮将信息从该行发送到第二个页面,并在该页面上显示

我编写了一个小的Javascript函数,以便在有人将鼠标移到提交按钮上之前将其隐藏起来。但我的问题是,按钮的提交ID被分配给第一个按钮,因此无论我将鼠标移到哪一行,都只会显示第一个提交按钮

显示功能如下所示:

    function showButton(id) 
    {
        var e = document.getElementById(id);
        if(e.style.display == 'block')
           e.style.display = 'none';
        else
           e.style.display = 'block';
    }
该行定义为:

    tr onmouseover='showButton("submitButton");'
                   onmouseout='showButton("submitButton");'>
在新行的每次迭代中生成的按钮是:

    input type='submit' id='submitButton' value='Submit' 
                   style='cursor: pointer; display: none;' />

任何帮助都将不胜感激。我希望鼠标上方的每一行旁边都显示正确的提交按钮。

只需CSS即可轻松完成,如下所示:

tr输入{显示:无;}
tr:hover输入{display:inline;}

IE无法处理:如果我没记错的话,请将鼠标悬停在除锚以外的任何位置。。他这样做是跨浏览器支持的首选方式。@DanRedux,我认为IE7+支持它(在严格模式下)非常感谢。我会试着回来。@DanRedux为什么?我想决定是显示还是可见性取决于其他因素(表的样式、与
在同一单元格中的其他内容等)。OP已经在他的代码上使用了
显示
。至于IE6,我相信现在的标准行为是放弃对它的支持(甚至微软也不再支持它了!)。如果客户需要,我强烈建议对编码噩梦收取额外费用!:)工作得很好。不需要IE6支持。如果是的话,我已经在使用:hover来做其他事情了,所以它就在窗口之外。