2016-08-05 5 views
1

У меня есть этот код для записи удаления в моей таблице, и я хотел бы добавить всплывающее сообщение «Вы уверены, что хотите удалить запись», чтобы дать пользователю возможность отменить запись удаления. Может кто-нибудь помочь?Всплывающее окно сообщения

 <td class="recordCells"><div align="center"><a href="deleterecord.php?ID=<?php echo $row_rsInventory['ID']; ?>"><img src="../images/x.png" align="absmiddle" /></a></div></td> 
+0

вы можете просто используйте событие onclick и в js-файле соедините событие onclick с «alert (« Некоторое сообщение »)' – Seekheart

+1

Базовое 'alert' не даст пользователю возможность отменить. «Подтвердить» будет. –

+0

Вы хотите создать собственное собственное всплывающее окно, которое приятно и красиво, или вам нравится только окно предупреждения обозревателя? –

ответ

0
<td class="recordCells"><div align="center"><a onclick="confirm('Are you sure you want to delete this record?')" href="deleterecord.php?ID=<?php echo $row_rsInventory['ID']; ?>"><img src="../images/x.png" align="absmiddle" /></a></div></td> 
+0

Это не работает. Когда я нажимаю кнопку «Отмена» в поле подтверждения, она по-прежнему удаляет запись –

0

Вы могли бы так сделать это на вашей форме, как так:

<form name=FORMNAME action=ACTIONFILE method=POST onSubmit="alert('Note that deleting a record is permanent and irreversible.');"> 
0

попробовать этот образец кода сэр ... надеюсь, что это помогает ...

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style type="text/css"> 
     #pop 
    { 
     position: absolute; 
     top:0; 
     left:0; 
     width:100%; 
     height:100%; 
     background-color: rgba(0,0,0,0.5); 
     display: none; 
    } 
    #container 
    { 
     position: relative; 
     width:500px; 
     margin:100px auto; 
     background-color: white; 
     border-radius: 10px; 
     padding: 20px; 
    } 

    </style> 
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script> 
</head> 
<body> 
<div id="pop" > 
    <div id="container"> 
     <h1>CONFIRM</h1> 
     <button id="yes">yes</button> 
     <button id="no">no</button> 
    </div> 
</div> 
<p id="stat"></p> 
<button id="del">Delete file</button> 

<script type="text/javascript"> 
    $("#del").on("click",function(event){ 
     event.preventDefault(); 
     $("#pop").show(); 
    }) 
    $("#yes,#no").click(function(){ 
     $("#pop").hide(); 
    }) 
    $("#yes").click(function(){ 
     $("#pop").hide(); 
     $("p#stat").html("DELETED") 

     // PUT DELETE CODES HERE=============================== 
    }) 
</script> 
</body> 
</html> 
Смежные вопросы