Ventana confirmación emergente

magotas · #1 (**permalink**) 15/06/2011, 04:52

He estado revisando el foro y he visto múltiples opciones pero las que he probado no me han funcionado o no termino de conseguir lo que busco.

Tengo montada la web en PHP y he visto que en muchas ocasiones lo que pretendo se hace con javascript pero que ambas cosas no combinan bien para esto que me propongo así que lo pongo aquí y si no es su sitio que el administrador lo mueva.

El tema es sencillo de explicar. Quiero que antes de insertar o borrar un registro en una BBDD me abra una ventana con el típico aviso de ¿Desea continuar? Si/No.

Con diferentes ayudas que he ido encontrando a veces consigo la ventana emergente pero luego no consigo que se ejecute el formulario de inserción o borrado.

¿Alguien sabe?

Gracias.

abimaelrc · #2 (**permalink**) 15/06/2011, 05:27

Eso se hace con javascript y es con la función confirm

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
window.onload = function(){
    document.getElementById('formFoo').onsubmit = function(){
        if(confirm('Deseas someter los datos')){
            return true;
        }
        return false;
    };
}
</script>
</head>
<body>
<form id="formFoo" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input type="text" name="foo" />
<input type="submit" />
</form>
</body>
</html>

magotas · #3 (**permalink**) 15/06/2011, 06:03

No termino de comprender lo que he de modificar para que me funcione con mi código ya que no se mucho de php ni de javascript y casi todo lo hago con los asistentes de DW.

Lo que yo tengo es lo siguiente:

Código HTML:

Ver original<form action="<?php echo $editFormAction; ?>" 
method="POST" name="form1" id="form1" 
onsubmit="MM_validateForm('caja_mes','','R','caja_anio','','R','caja_descripcion2','','R');
return document.MM_returnValue">

Luego tengo todos los campos que he de pasar y por último tengo esto:

Código HTML:

Ver original<input type="hidden" name="MM_insert" value="form1" />
          </form>

Así que entiendo que donde tu indicas formfoo yo tengo que poner form1 pero de las demás cosas no se que debo modificar.

¿Me puedes ayudar?

Nexus10 · #4 (**permalink**) 15/06/2011, 08:53

No sé que problema le ves, yo creo que está claro.
Antes de la etiqueta <body> tienes que poner:

<script type="text/javascript">
window.onload = function(){
document.getElementById('form1').onsubmit = function(){
if(confirm('¿Deseas continuar?')){
return true;
}
return false;
};
}
</script>

Y el form lo dejas así:

<form action="<?php echo $editFormAction; ?>" method="POST" name="form1" id="form1" >

Se supone que tendrás un botón submit, ¿no?

magotas · #5 (**permalink**) 16/06/2011, 00:56

Con lo que tú me has mandado sí me funciona, supongo que es el cambio que hay en la linea 15 que yo no se evaluar.

Muchas gracias a ambos.

caricatos · #6 (**permalink**) 16/06/2011, 01:38

Hola:

Si la línea 15 que refieres es el action del form, es lo mismo que poner action=""; pero el actión lo deberás definir tú mismo.

Sobre el código, estas líneas:

Código:

if(confirm('Deseas someter los datos')){
            return true;
}
return false;

equivalen a:

Código:

return confirm('Deseas someter los datos');

ya que confirm devuelve un valor lógico true/false

Saludos

magotas · #7 (**permalink**) 16/06/2011, 01:48

Caricatos, sí, es eso que tú dices. Y con tu explicación creo que ahora lo entiendo.

Lo que me dejaba fuera de juego era el código <?php echo $_SERVER['PHP_SELF']; ?> que no se lo que hace. Al quitarlo del código ahora entiendo algo más el procedimiento, gracias.