[SOLUCIONADO] Confirmar accion de eliminacion datos

juangemelo01 · #1 (**permalink**) 13/06/2014, 10:33

Hola amigos, eh buscando en internet ejemplos recientes pero no eh encontrado, los comento:

Tengo el siguiente formulario formulario

Código HTML:

<form action="EliminarDiaCaso.php" method="post" name="EliminarD">
		<label>Nombre de la Ponencia: </label> <input type="text" name="nombre" value = "<?php echo $NombreCaso; ?>" readonly="readonly" size="50" id="Nombretema" >
		<label>Numero de Diapositiva: </label> <input type="text" name="diapositiva" value = "<?php echo $Diapositiva; ?>" readonly="readonly" size="16" id="NombreDiapositiva">
		<br>	
		<label>Contenido de la Diapositiva</label></br>
		<textarea cols="150" rows="25" name="contenido" readonly="readonly"> <?php echo $contenido; ?> </textarea>
			
		</br>
		<input type="submit" value="Eliminar Diapositiva Actual"  >
	</form>

lo que quiero es que cuando le de clic el usuario, le salga una ventana de confirmacion, si el usuario dice que si, se mande por el metodo POST los input del formulario al archivo EliminarDiaCaso.php, de lo contrario, no pasa nada.

ya lo eh intentado con algunos ejemplos, me sale la venta de dialogo y de la opcion que de, manda me manda a la pagina EliminarDiaCaso.php

Gracias amigos y espero su respuesta :)

Alexis88 · #2 (**permalink**) 13/06/2014, 10:51

Cuando ejecutas el envío de datos de un formulario, se produce el evento submit, por lo que para tu caso, debes de cancelarlo utilizando el método preventDefault, luego, utiliza el cuadro de diálogo confirm para formular la pregunta y si el usuario confirma la eliminación, envías los datos del formulario con el método submit.

Código Javascript:

Ver originalvar formulario = document.getElementsByName("EliminarD")[0];
 
formulario.addEventListener("submit", function(event){
    event.preventDefault();
    if (confirm("¿Realmente deseas eliminar los datos?")) this.submit();
}, false);

Asegúrate de que este código se encuentre justo antes de la etiqueta </body> para que surta efecto.

Saludos

juangemelo01 · #3 (**permalink**) 13/06/2014, 11:07

Muchas Gracias amigo, me funciono de maravillar, por cierto, esto me acaba de generar un pregunta ¿a que se debe que algunos scripts en javascript vallan antes del </body>, otros dentro del <head>, otros dentro del body en la parte que se vallan a usar? aun me considero un novato en esto

Alexis88 · #4 (**permalink**) 13/06/2014, 11:15

Sucede que el código se ejecuta de manera descendente, desde el <!DOCTYPE> hasta </html>, entonces, si el código JavaScript es colocado en la cabecera, se ejecutará antes de que carguen los elementos del documento, por lo que no los afectará ya que aún no existen, en cambio, si lo colocas justo antes de la etiqueta </body>, primero cargarán los elementos del documento y luego el código JavaScript, con lo cual los podrá afectar.

Como bien dices, hay casos en los que se suele colocar el código JavaScript en la cabecera, pero para que surta efecto, tienes que especificar una función que contendrá a dicho código y que se ejecutará una vez que haya cargado o el conjunto de elementos del documento (DOM) o toda la ventana (incluye imágenes y otros elementos que no sean HTML).

Código Javascript:

Ver original//Ejecuta el código cuando la ventana terminó de cargar
window.addEventListener("load", function(){
    //Instrucciones
}, false);
 
//Ejecuta el código cuando el DOM terminó de cargar
document.addEventListener("DOMContentLoaded", function(){
    //Instrucciones
}, false);

Pero particularmente, lo coloco justo antes de la etiqueta </body>, ahí nunca hay pierde.

Saludos

juangemelo01 · #5 (**permalink**) 13/06/2014, 11:28

Muchas gracias amigo por aclarame la duda :)