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