Диалог подтверждения Bootstrap в PHP

Question

Как создать диалог подтверждения удаления? Если «да» кликает, удалите сообщение, если «нет» нажимает кнопку «Отменить удаление».

В настоящее время я, как это, на мой взгляд:

<a href="javascript:;" class="btn btn-large btn-info msgbox-confirm">Confirm Message</a> 

И как изменить содержимое диалогового окна?

Answer 1

Вы не можете подтвердить или подтвердить загрузку в PHP, поскольку PHP - это код на стороне сервера.

Зачем вам следует использовать Javascript для создания окна подтверждения.

Plain Javascript

Используя обычный стандарт Javascript это нужно будет только кнопка с функцией

HTML

<button onclick="show_confirm()">Click me</button> 

Javascript

// function : show_confirm() 
function show_confirm(){ 
    // build the confirm box 
    var c=confirm("Are you sure you wish to delete?"); 

    // if true 
    if (c){ 
     alert("true"); 
    }else{ // if false 
     alert("false"); 
    } 
    } 

Demo jsFiddle

Bootstrap с JQuery

Этот путь является немного более сложным, как вы добавляете в третьей сторонних библиотек.

Чтобы начать с вас, вам нужно будет создать модальное действие в качестве поля подтверждения.

HTML

<div id="confirmModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Delete?</h3> 
    </div> 
    <div class="modal-body"> 
    <p>Are you sure you wish to delete?</p> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> 
    <button onclick="ok_hit()" class="btn btn-primary">OK</button> 
    </div> 
</div> 

же кнопки, как и прежде с немного стилизации

<button class="btn btn-danger" onclick="show_confirm()">Click me</button> 

и затем

Javascript

// function : show_confirm() 
function show_confirm(){ 
    // shows the modal on button press 
    $('#confirmModal').modal('show'); 
} 

// function : ok_hit() 
function ok_hit(){ 
    // hides the modal 
    $('#confirmModal').modal('hide'); 
    alert("OK Pressed"); 

    // all of the functions to do with the ok button being pressed would go in here 
} 

Demo jsFiddle

Answer 2

Простой подход с JavaScript:

<a onclick="if(!confirm('Are you sure that you want to permanently delete the selected element?'))return false" class="btn btn-large btn-info msgbox-confirm" href="?action=delete">Delete</a> 

Таким образом, когда пользователь нажимает на «Удалить», диалог запросит ее/его, чтобы подтвердить. Если это принято, страница перезагружается с параметром в URL-адресе (изменение на все, что вам нужно). В противном случае диалог закрывается и ничего не происходит.

Answer 3

<script> 
function deletechecked() 
{ 
    var answer = confirm("Are you sure that you want to permenantly delete the selected element?") 
    if (answer){ 
     document.messages.submit(); 
    } 

    return false; 
} 
</script> 

<a href="<?php echo base_url('department/deletedept/'.$row['dept_id']);?>" onclick="return deletechecked();" title="Delete" data-rel="tooltip" class="btn btn-danger">