¿Cómo puedo agregar una alerta de JavaScript para confirmar (sí o no) cuando el usuario hace clic en el botón Eliminar? Intenté agregar una clase a una alerta:
<?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>"; ?>
Para simplificar, echa un vistazo a esto.
<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 en realidad está haciendo tres cosas muy separadas cuando lo llamas:
Dado que el método de confirmación devuelve verdadero o falso, simplemente podemos llamarlo al hacer clic y luego el retorno determina la acción.
referencia: respuesta kamesh
<a onClick="return confirm('Are you sure you want to delete?')" href='delete.php?id=$id' type='button' class='btn btn-danger'>delete</a>
Creo que eso es lo que estás buscando.
<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>
Si está utilizando Bootstrap, ¡puede probarlo!
https://github.com/delboy1978uk/bs-delete-confirm
Y si no estás usando Bootstrap, ¡pruébalo! ¡Una gran funcionalidad lista para rockear tan pronto como incluyas css y js! Este código de confirmación de eliminación de jQuery usa el modal Bootstrap, vea un ejemplo aquí http://getbootstrap.com/javascript/#modals
<a href="http://nasa.gov" class="delete-confirm btn btn-primary">Go!</a> $(document).ready(function(){ $('.delete-confirm').deleteConfirm(); });
Vea un ejemplo de trabajo AQUÍ https://jsfiddle.net/myu3kr66/