javascript - 从表列调用 javascript 函数

Question

我在一行中的一列中有一个表格，我使用带有“编辑”的超链接我在其中调用 JavaScript 函数(启动弹出窗口)

这是我的表格行之一

    echo "<tr>";
    echo '<td>' . $row['id'] . '</td>';
    echo '<td>' . $row['firstname'] . '</td>';
    echo '<td>' . $row['lastname'] . '</td>';

    echo '<td>'  .
    '<a href=\"javascript:popup_window_show('#sample', { pos : 'window-center', width : '270px' });'>Edit</a>
    . '</td>';

    echo '<td><a href=\"javascript:popup_window_show('#sample', { pos : 'window-center', width : '270px' });'>Edit</a></td>';

我使用了两种方法来编辑超链接，第一种方法没有代码问题，但没有在单元格中显示“编辑”。第二种方法有一些语法错误

下面是我在popup-window.js中的Js函数

function popup_window_show(/*selector,*/ args)
{
var pos    = args.pos    ?   args.pos     : null;

if (pos == 'window-center'      ) 
 { x += $(document).scrollLeft()+($(window).width()-obj.width())*1/2; y += $(document).scrollTop()+($(window).height()-obj.height())*1/2; }
}

以及如何将行数据传递给 js 函数(比如名字)

Answer 1

我在 http://jsbin.com/yafaxuma/3/edit 创建了一个 JSBin ，它演示了如何将行作为参数传递给函数。

此外，还不清楚 obj 引用是什么，因此我在 JSBin 中对此进行了评论，并评论了如何调试函数并查看发生了什么。

我在 JSBin 中使用了 jQuery 将行作为参数传递，因为看起来您也使用它来获取文档上的滚动位置。

JSBin 正在浏览器控制台中显示输出。如果您需要对代码进行更多调整，只需向我提供一些关于您想要实现的目标的清晰想法，我可以修改代码以演示如何执行您想要的操作。

更新以添加 PHP 回显

echo "<tr>";
echo '<td>' . $row['id'] . '</td>';
echo '<td>' . $row['firstname'] . '</td>';
echo '<td>' . $row['lastname'] . '</td>';
echo '<td><a href="#" onclick="javascript:popup_window_show('#sample', { pos: 'window-center', width: '270px', row: $(this).parents('tr') });">Edit</a></td>';
echo "</tr>";

function popup_window_show(selector, args)
{
   var pos = args.pos ? args.pos : null;
   if (pos == 'window-center') 
   { 
     x += $(document).scrollLeft()+($(window).width()-obj.width())*1/2; 
     y += $(document).scrollTop()+($(window).height()-obj.height())*1/2; 
   }

   var row = args.row;
}