削除前のhrefリンクで確認する

Question

間違った行が選択された場合に、データベースからスクリプトを削除する前に確認ボックスを表示する予定です。 '削除' の画像は、それだけで行を削除押されるのhref

echo '<td align="center" valign="middle"><a href="delete.php?id='.$row["id"].'" class="confirmation"><img src="img/icon/delete.png"></a></td>'; 

のJavaスクリプト

<script type="text/javascript"> 
    var elems = document.getElementsByClassName('confirmation'); 
    var confirmIt = function (e) { 
     if (!confirm('Are you sure?')) e.preventDefault(); 
    }; 
    for (var i = 0, l = elems.length; i < l; i++) { 
     elems[i].addEventListener('click', confirmIt, false); 
    } 
</script> 

ため

コード、何の確認ボックスが表示されませんか？

Answer 1

scriptタグはページの最後にある、あるいは少なくとも、リンク後のことを確認します。

Answer 2

PHP

echo '<td align="center" valign="middle"><a data-href="delete.php?id='.$row["id"].'" href="javascript:;" onclick="confirmToDelete(this);"><img src="img/icon/delete.png"></a></td>'; 

はJavaScript

<script> 
    function confirmToDelete(element){ 
    if(!element) return false; 
    if(confirm('Are you sure?')) self.location.href=element.getAttribute('data-href'); 
    } 
</script> 

Answer 3

次のコードを試してください。あなたは外部のJavaScriptなしでそれを行うことができます。あなたのリンクのonlickイベントにconfirm機能を追加するだけです。

PHP

echo '<td align="center" valign="middle"><a href="delete.php?id='.$row["id"].'" class="confirmation" onclick="return confirm(\'Are you sure?\');"><img src="img/icon/delete.png"></a></td>';