css 如何在JavaScript中创建一个可点击的单元格?

ni65a41a  于 2022-12-01  发布在  Java
关注(0)|答案(1)|浏览(97)

我正在使用来自CSS的数据表-引导4个数据表https://datatables.net/examples/styling/bootstrap4
请看图片

该行是可单击的,它会将我重定向到另一个page 1。但当我单击"查找位置“按钮时,它也会将我重定向到page 1和page 2。我只想转到page 2。代码如下所示
index.php

<tr onclick="xdata(this)">
                
    <td ><?php echo $event->description ? $event->description->type : null; ?></td>
    <td><?php echo $event->description ? $event->description->text : null; ?></td>                
    <td><?php echo $event->origin && $event->origin->time? $event->origin->time->value: null; ?></td> 
                
    <form method="get" action="findLocation.php">
    <input type="hidden" name="LongitudeValue" value="<?php echo $event->origin && $event->origin->longitude? $event->origin->longitude->value : null; ?>" />
                
<td><input type="submit" value="FIND LOCATION" style="margin: auto;  width: 100%;  border: 3px solid green;  padding: 1px;" /></td>
</form>
</td>

app.js

function xdata(e){
    
     // Shows how to get data from each column of this row
    c2 = e.children.item(1).innerHTML;  
   // open new page
  window.open('indexXML_SEARCH.php?SearchValue='+c2, '_blank');
}

我如何才能点击我的findLocation按钮,而不被它重定向到page 1,而是重定向到page 2,因为每当我按下按钮时,它都会为page 1打开一个新窗口,当前页面被重定向到page 2。我只想在点击按钮时重定向到page 2。
请注意,当我单击行(而不是按钮)时,一切正常,因此必须加载在新窗口中打开的第1页!

I am reading from XML and displaying thus, this is the code:
I cannot merge both code in One line for example: 

if this php echo $event->origin && $event->origin->quality? HAS 
SOMETHING!!, it returns $event->origin->quality->usedPhaseCount ELSE 
null

<td><?php echo $event->origin && $event->origin->quality?  $event- 
>origin->quality->usedPhaseCount: null; ?></td>

I want it The input button below to be in the second condition :
<td><input onclick="func1(event)" type="submit" value="FIND LOCATION" 
style="margin: auto;  width: 100%;  border: 3px solid green;  padding: 
1px;" /></td>

What I want But Parse error: syntax error, unexpected token "<"

<td><?php echo $event->origin && $event->origin->quality? 
<input onclick="func1(event)" type="submit" value="FIND LOCATION" 
style="margin: auto;  width: 100%;  border: 3px solid green;  padding: 
1px;" />: null; ?></td>
kxkpmulp

kxkpmulp1#

代码并不清晰和完整。但是,我假设您已经为<tr><td>标记定义了onclick事件,并且当您单击<td>时,它也会触发<tr>事件。为了防止这种情况,请在<td>事件处理程序的末尾添加以下代码。

event.stopPropagation();

相关问题