Как добавить модальное предупреждение для удаления

Question

У меня есть следующий MySQL для кнопки удаления.

DELETE FROM mytable
WHERE id = $id

Я хочу добавить модальное jquery для подтверждения продолжения. «Вы уверены, что хотите удалить? Да | Нет»

Если вы щелкнете ДА, тогда он выполнит удаление, если НЕТ, выйдите из модального режима и вернитесь на страницу.

Идентификатор в каждой привязке добавляется динамически.

echo anchor('admin/categories/delete/'.$list['id'],'delete',array('class' => 'modalInput'));

Это выводит следующий html.

HTML

...
<tr valign='top'>
<td>1</td>
<td>Forsiden</td>

<td align='center'>active</td>
<td align='center'><a href="http://127.0.0.1/test/index.php/admin/categories/edit/1">edit</a> | <a href="http://127.0.0.1/test/index.php/admin/categories/delete/1">delete</a></td>
</tr>
<tr valign='top'>
<td>2</td>
<td>Front top</td>
<td align='center'>active</td>
<td align='center'><a href="http://127.0.0.1/test/index.php/admin/categories/edit/2">edit</a> | <a href="http://127.0.0.1/test/index.php/admin/categories/delete/2">delete</a></td>

</tr>
...

Какой лучший способ сделать это?

Answer 1

< script type="text/javascript">
<!--
function confirmation() {
    var answer = confirm("Are you sure you want to delete?")
    if (answer){
                $.post('/delete/post', {id: '345'});
    }
}
//-->
< /script>

Примерно так, наверное. Вам нужно будет передать данные, где '345' ...

Answer 2

Один из вариантов - присвоить удаляемым ссылкам класс, а затем вы можете сделать что-то вроде этого:

// simple solution
$('.delete_link').click(function() {
    // if the user clicks "no", this will return false, stopping the link from being triggered
    return confirm("Are you sure you want to delete?");
});

если вы хотите, чтобы удаление происходило с ajax:

// ajax soluction
$('.delete_link').click(function() {
    if (confirm("Are you sure you want to delete?")) {
        $.post(this.href);
    }
    return false;
});

Также обязательно ознакомьтесь с модальностями подтверждения jqueryui: http://jqueryui.com/demos/dialog/#modal-confirmation