PHP削除ボックスにJSの確認ボックスが表示されていますか？

Question

私は自分のページで実行中のスクリプトを持っていますが、すべての結果に対して削除ボタンを追加したいのですが、削除する前にJavaScriptをポップアップして削除してもよいかどうかを尋ねてきます。それをする最善の方法は何かを尋ねるだけですか？ （私はAjaxを使用して削除機能を実行します。なぜなら、削除後にページからナビゲートしたくないからです）。

ここで私が使用しているコードはありますが、これまでのすべてが機能します。結果は表示され、削除ボタンが確認ボックスをポップアップしています。そして今、私は立ち往生しています。

ポップアップ：

<script type="text/javascript"> 
window.show_confirm = function() { 
var r = confirm("Are you sure you want to delete?"); 
if (r == true) { 
    alert(" I NEED TO DO SOMETHING HERE? "); 
} else { 
    alert("The item won't be deleted."); 
} 
} 
</script> 

PHPながら：

<?php 
while ($row_apps = mysql_fetch_array($result_apps)) 
{ 
    if (($row_apps['type'] == 'ar') && ($row_apps['client'] == NULL)) { 
echo '<center> 
<div id="tab_listing"> 
<table width="248" border="0" cellspacing="10px" cellpadding="0px"> 
    <tr> 
    <td width="100%" colspan="3"><div class="tab_listing_header">'.$row_apps['app_name'].'</div></td> 
    </tr> 
    <tr> 
    <td class="tab_listing_values"><b>App ID: </b>'.$row_apps['app_id'].'</td> 
    <td class="tab_listing_values"><b>Users: </b>'.$row_apps['users'].'</td> 
    </tr> 
</table> 
<div id="edit">Edit</div> 
<a href="#" onclick="return show_confirm()"><div id="delete"></div></a> 
</div> 
</center><br>'; 
} 
} 
?> 

誰かが病気に感謝することを行う方法を提案することができれば:)

Answer 1

まず、あなたはいけませんループ内で同じIDを使用してください！複数の要素がある場合は、クラスを使用してください！しかし、それはあなたの出力のユニークな要素にそれバインドし、IDを持っていることも有用であろう：削除したいエントリを参照するために

<div id="_<?php echo $row_apps['app_id']; ?>" class="tab_listing"> 

、あなたはにIDのようなものを渡す必要がありますインスタンス

<a href="#" onclick="return show_confirm(<?php echo $row_apps['app_id']; ?>)"><div id="delete"></div></a> 

のために、機能を削除するので、スクリプトは次のようになります。AJAXのものについては

<script> 
window.show_confirm = function(id) { //notice the passed in parameter 
var r = confirm("Are you sure you want to delete?"); 
if (r == true) { 
    alert(" I NEED TO DO SOMETHING HERE? "); 
    //now do an ajax-request with the id you want to delete 
    //after the request, do something with the div ('_'+id), 
    //e.g. hide or add a text. 
    //with jQuery it's 1 line of code: 
    // $.post('delete.php', {'id':id}, function(data){$('#_'+id).html('Deleted!')}); 
} else { 
    alert("The item won't be deleted."); 
} 
} 
</script> 

を、私はjQueryのを使用することをお勧め - それはあなたに多くの作業が保存されます！

そして、このようなものになりますdelete.php：

<?php 

if(isset($_POST['id'])) { 
    $id = $_POST['id']; 
    //do something with the id... 
} 

?>