2013-08-18 51 views
-4

如何創建一個刪除確認對話框?如果'是'點擊刪除該消息,如果'否'點擊取消刪除操作。引導確認對話框中PHP

Popup dialog

目前我有這樣的,我認爲:

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

而如何改變對話框的內容?

+2

我真的不明白你的意思。你在問如何用JS/Jquery來開發流程或接受/拒絕,還是用PHP來使用頁面重新加載,或者一般情況下?「改變對話框內容」是什麼意思?點擊後按鈕消失? – Rober

+0

Robert,Am只是問,如果被點擊意味着我需要在控制器中調用一種方法,如果沒有或取消點擊意味着它不應該做任何事情。 –

+0

此代碼用於PHP中的Confirmation Dialog解決了我的問題。 '

' 'Delete' –

回答

2

您不能在PHP中進行確認或引導確認,因爲PHP是服務器端代碼。

你將要做的是如何使用Javascript創建一個確認框。

普通的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

引導與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

1

與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中的參數(改爲任何你需要的)。否則,對話框關閉並且什麼都不會發生。

+0

羅伯,我需要確認對話框樣式作爲上面的圖像,但上述答案解決了一半的問題 –

0
<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">