0
私は選択された場合に削除できるデータを持つテーブルを持っています。私は、行が誤って削除された場合にヒットすることができる元に戻すボタンを追加できるようにしたい。私は最後の行の削除を覚えておく必要があります。私はすべてを覚えておく必要はありません。これはどのように機能しますか?私は行が削除されている場合にのみ表示することができますが、元に戻すボタンが好きではないことが好ましいだろう...おそらくちょうどdisabled
行がまだ削除されていない場合は、enabled
削除されました。削除の後に元に戻すオプション/機能を作成
これまで私がこれまで持っていたことは次のとおりです。
HTML/PHP:
<body>
<table id="html_master">
<thead>
<tr>
<td>ID</td>
<td>Vendor</td>
<td>Buyer ID</td>
<td>POC Name</td>
<td>POC Email</td>
<td>POC Phone</td>
<td>Edit/Delete</td>
</tr>
</thead>
<tbody>
<?php
foreach ($dbh->query($sql) as $rows){
?>
<tr>
<td class="mr_id" contenteditable="false"><?php echo intval ($rows['MR_ID'])?></td>
<td class="mr_name" contenteditable="false"><?php echo $rows['MR_Name']?></td>
<td class="buyer_id" contenteditable="false"><?php echo $rows['Buyer_ID']?></td>
<td class="poc_n" contenteditable="false"><?php echo $rows['MR_POC_N']?></td>
<td class="poc_e" contenteditable="false"><?php echo $rows['MR_POC_E']?></td>
<td class="poc_p" contenteditable="false"><?php echo $rows['MR_POC_P']?></td>
<td><button class="edit" name="edit">Edit</button>
<button class="delRow" name="delete" onclick="deleteRow(this)">Delete</button></td>
</tr>
<?php
}
?>
</tbody>
<br>
<input type="button" class="add" value="Add Row" onclick="addRow('html_master')">
</table>
</body>
相対Javascriptを:
function deleteRow(row)
{
var result = confirm("Are you sure you want to delete this entry?");
if (result) {
var i=row.parentNode.parentNode;
i.parentNode.removeChild(i);
}}
CSSを使用して、最初の削除時にCSSを非表示にします。それに続く 'delete'除去では、要求された削除を隠す。 – chris85
このコードがどのように表示されるかについての方向はありますか?申し訳ありませんが、私はこれまでにまったく同じようなことをしたことはありません。 – Rataiczak24
それはPHPではなくJSソリューションになります。 PHPが私をここに連れて来ました。 jqueryをお持ちの場合は、 'attr'関数を使用して' display'を 'none'に設定することができます。しかし、バニラのjavascriptではどうやってそれをやるのかはわかりません。 – chris85