100行表需要显示div取决于行中单击的链接

如何解决100行表需要显示div取决于行中单击的链接

|| 该表有一百多行。我已经有一个看起来像这样的链接：

<a href=\"javascript:teamviewerconnect(\'78978978\')\"><img src=\"http://internaleservername:2323/img/remote_small.png\" alt=\"remote connection icon\" border=\"0\"></a>

解决方法

首先，对div进行显示对我来说听起来像是jQuery对话框（或您喜欢的任何JS框架）将为您提供良好的服务。其他用户回答的是显示不带jQuery的div。您可以轻松地在页面上居中。 然后，您将希望使用@Gaby发布的代码（使用jQuery）向每个链接添加onClick事件处理程序。 在事件处理函数中，正如@Treemonkey指出的那样，您可以通过将其从ѭ1中拉出来获取额外的数据

$(\'a[href|=\"teamviewerconnect\"]\').click(function(){
   //Get whatever data you need like
   var idNumber = $(this).attr(\'href\').split(\"\'\")[1];
   //Use that data to update the HTML of your div if needed,or do an ajax query here
   $(\'#mydialogdivid\').html(\'<p>Blah Blah Blah \' + idNumber);
   $(\'#mydialogdivid\').dialog();
});

    ,将div设为

position:absolute

，然后您将需要做一些事情：

   $(\"a\").click(function(e){
      $(\'div\').css(\"left\",e.pageX +\'px\');
      $(\'div\').css(\"top\",e.pageY +\'px\')
   }); 

但是要获得所需的信息，您将需要一个AJAX调用，或者至少对html进行某种附加。 祝好运！     ,您可以使用

$(\'a[href*=\"teamviewerconnect\"]\').click(function(){
   // show/hide here
});

使div保持居中并在所有内容之上尝试

<div class=\"view-data\"></div>

和

.view-data{
  position:fixed;
  width:300px;
  height:300px;
  top:50%;
  left:50%;
  margin-top:-150px; /*half of height*/
  margin-left:-150px; /*half of width*/
}

    ,这是一个扩展，但更多的是您的答案（您不需要AJAX） 然后可以将其放入$（document）.ready（function（）{ 例如

function openDiv(txt1,txt2,txt3){
  $(\"#divID\").html(\"<div>\"+txt1+\"</div><div>\"+txt2+\"</div><div>\"+txt3+\"</div>\");
  $(\'#divID\').css({\"left\": e.pageX +\'px\',\"top\": e.pageY +\'px\',\'display\':\'block\'});
}

然后在循环的每个TableRow（触发其服务器端循环）上添加ѭ9 有关更多信息，您可以将更多内容添加到txt1，txt2，...的列表中，然后再次将\“ + txt3 + \”添加到您想要的内容中 我使用txt1 / 2作为示例，您可以使名称更完整，如果您要使其名称包含完整的静态文本，只需在您使用的每个var的\“ +之前将其添加