Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Confirmar accion de eliminacion datos

Estas en el tema de Confirmar accion de eliminacion datos en el foro de Javascript en Foros del Web. 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= ...
  #1 (permalink)  
Antiguo 13/06/2014, 10:33
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 11 años, 4 meses
Puntos: 17
Pregunta Confirmar accion de eliminacion datos

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 :)
  #2 (permalink)  
Antiguo 13/06/2014, 10:51
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.539
Antigüedad: 10 años, 7 meses
Puntos: 970
Respuesta: Confirmar accion de eliminacion datos

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 original
  1. var formulario = document.getElementsByName("EliminarD")[0];
  2.  
  3. formulario.addEventListener("submit", function(event){
  4.     event.preventDefault();
  5.     if (confirm("¿Realmente deseas eliminar los datos?")) this.submit();
  6. }, false);

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

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 13/06/2014, 11:07
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 11 años, 4 meses
Puntos: 17
Respuesta: Confirmar accion de eliminacion datos

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
  #4 (permalink)  
Antiguo 13/06/2014, 11:15
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.539
Antigüedad: 10 años, 7 meses
Puntos: 970
Respuesta: Confirmar accion de eliminacion datos

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
  1. //Ejecuta el código cuando la ventana terminó de cargar
  2. window.addEventListener("load", function(){
  3.     //Instrucciones
  4. }, false);
  5.  
  6. //Ejecuta el código cuando el DOM terminó de cargar
  7. document.addEventListener("DOMContentLoaded", function(){
  8.     //Instrucciones
  9. }, false);

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

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #5 (permalink)  
Antiguo 13/06/2014, 11:28
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 11 años, 4 meses
Puntos: 17
Respuesta: Confirmar accion de eliminacion datos

Muchas gracias amigo por aclarame la duda :)

Etiquetas: confirmar, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:13.