How can I add a JavaScript alert to confirm (yes or no) when the user clicks the delete button? I tried adding a class to an alert:
<?php
//$con = mysqli_connect("localhost", "root", "root", "db");
$sql = "SELECT * FROM `uploads` where userId = " . $_SESSION['user'];
$qry = mysqli_query($conn,$sql) or die(mysqli_error($conn));
$table_content = "";
while($row = mysqli_fetch_assoc($qry)){
$id = $row['id'];
$name = $row['name'];
$table_content .= "<tr>
<td>
<a href='listen.php?id=$id' target='_new'>$name </a>
</td>
<td>
<a href='delete.php?id=$id' type='button' class='btn btn-danger'>delete</a>
</td>
</tr>";
}
echo "<table>".$table_content."</table>";
?>
For simplicity check this out.
<a onClick="return confirm('Are you sure you want to delete?')" href='delete.php?id=$id' type='button' class='btn btn-danger'>delete</a>
return false is actually doing three very separate things when you call it:
Since confirm method returns true or false, we can simply call it on onclick then the return determines the action.
reference: kamesh answer
<a onClick="return confirm('Are you sure you want to delete?')" href='delete.php?id=$id' type='button' class='btn btn-danger'>delete</a>
I think thats what you are looking for.
<a href='delete.php?id=$id' onclick="return myFunction()" type='button' class='btn btn-danger'>delete</a>
<script>
function myFunction() {
var r = confirm("OK to delete?");
if (r == false) {
return false;
}
}
</script>
If you are using Bootstrap, you can give this a whirl!
https://github.com/delboy1978uk/bs-delete-confirm
And if you aren't using bootstrap, give it a shot! Some great functionality ready to rock as soon as you include the css and js! This jQuery delete confirm code uses the Bootstrap modal, see an example here http://getbootstrap.com/javascript/#modals
<a href="http://nasa.gov" class="delete-confirm btn btn-primary">Go!</a>
$(document).ready(function(){
$('.delete-confirm').deleteConfirm();
});
See a working Example HERE https://jsfiddle.net/myu3kr66/