ayuda con pregunta de confirmación de windows

weblaelectrica · #1 (**permalink**) 20/11/2010, 00:00

Hola nuevamente

tengo un pequeño inconveniente con un form que estoy creando para practicar (ya que soy un completo autodidacta), ya me han resuelto aquí varias dudas satisfactoriamente, siguiendo los consejos recibidos...
El tema actual es que tengo un formulario para dar de baja usuarios de una base de datos...
el tema es que quiero poner un mensaje de confirmación de windows para evitar que dar de baja por error a un usuario.
El form simplificado es al así:

Código HTML:

[HIGHLIGHT="HTML"]
<html>
<head>
<title>Eliminar Registro</title>

<!--aquí es donde tengo el problema-->	
	<!--<script Language="JavaScript">
//function chequea() //{
//if (submit.&iquest = cancel )
//return
//}-->
<style type="text/css">
      body {
        font-family: Arial;
        font-size: 80%;
        text-align: center;
        color: #3333FF;
        background-color: #33ccff;
      }
      h1, h2, h3 
	  {
        color: #3333FF;
		text-align: center;
      }
	   h4, h5, h6
	   {
	   color: #000000;
	   text-align: center;
	   }
	   
	 
    .Estilo1 {color: #FF0000}
</style>
</head>

<body>
<table border="0" width="100%">
	<tr>
		<td>
<h2>Eliminar Docente</h2>
		</td>
	</tr>
	<tr>
		<td align="center"><p ><FORM  method = " POST" ACTION="xxxxx.php">
<b>Ingrese el DNI del docente </b><input type="Text" name="dni" size="8" maxlength="8"><br />
	<tr>
		<td align="left"><b>Ingrese Apellido del docente </b><input type="Text" name="apellido" size="30" maxlength="30"></td>
	</tr>
	<tr>
		<td align="left"><b>Ingrese Nombre del docente </b><input type="Text" name="nombre" size="40" maxlength="30"></td>
	</tr>

		</td>
	</tr>
	<tr>
		<td align="center">
<input type="Submit" value="ELIMINAR DOCENTE" onClick="confirm('&iquest;El docente será eliminado de la base de datos... Desea continuar?')")>
<input type="Reset" value="BORRAR FORMULARIO">
</FORM>
		</td>
	</tr>
	<tr>
		<td align="left">
<br />El docente será eliminado de la base de datos, al igual que todos sus datos y privilegios, solo conservará su registro como usuario común, obre con cuidado...</p>
		</td>
	</tr>
</table> 
</body>
</html>[/HIGHLIGHT]

Como verán en el codigo, al final del formulario tengo dos botones, ELIMINAR DOCENTE y BORRAR FORMULARIO.
Es en el boton ELIMINAR DOCENTE, donde decidí que debería ir una pregunta de confirmación de windows
(<input type="Submit" value="ELIMINAR DOCENTE" onClick="confirm('¿El docente será eliminado de la base de datos... Desea continuar?')")>
En el mensaje que despliega windows hay dos botones "aceptar" y "cancelar" pero ambos botones terminan por enviar el formulario.
Seguramente deba crear una función javascript (que como verán ya estuve intentando) pero no tengo muchos conocimientos...
Si alguien me puede echar una mano... No pretendo que me den el codigo hecho
con darme una guía algo como:
function nombre de la función(aquí value del boton tal)
if (value del boton tal = tal cosa){
hacer esto}
else{sino hacer esto otro}

¿Se entiende? Esto me será muy útil para seguir aprendiendo.
O si ya hay un script hecho por alguien, que me digan donde puedo verlo para estudiarlo.

Muchas gracias...

IsaBelM · #2 (**permalink**) 20/11/2010, 06:28

tiene que ser así onClick="if(!confirm('¿El docente será eliminado de la base de datos... Desea continuar?')); return false;>

weblaelectrica · #3 (**permalink**) 20/11/2010, 09:38

Gracias IsaBelM

Lamentablemente no conseguí hacer funcionar el script.
Si suplanto la funcion onClik, tal cual me la pasastes, el mensaje de confirmación de windows no se ejecuta y se asume directamente la opción eliminar, es decir, el click en ELIMINAR DOCENTE me redirecciona directamente a la página de eliminación de usuario...
¿Alguna otra sugerencia...?

igualmente gracias...

Panino5001 · #4 (**permalink**) 20/11/2010, 09:52

Probá así:

Código PHP:

  <FORM  method = " POST" ACTION="xxxxx.php" onsubmit="return confirm('&iquest;El docente será eliminado de la base de datos... Desea continuar?')">

<b>Ingrese el DNI del docente </b><input type="Text" name="dni" size="8" maxlength="8"><br />

    <tr>

        <td align="left"><b>Ingrese Apellido del docente </b><input type="Text" name="apellido" size="30" maxlength="30"></td>

    </tr>

    <tr>

        <td align="left"><b>Ingrese Nombre del docente </b><input type="Text" name="nombre" size="40" maxlength="30"></td>

    </tr>

 
    <tr>

        <td align="center">

<input type="Submit" value="ELIMINAR DOCENTE">

<input type="Reset" value="BORRAR FORMULARIO">

</FORM>

Como verás, sacamos el onclick del botón y agregamos en el tag form un onsubmit.

weblaelectrica · #5 (**permalink**) 20/11/2010, 14:12

Muy amable Panino

Ahora funciona a la perfección... Muchisimas pero muchisimas gracias

De verdad que me es de mucha utilidad...

Un saludo...

IsaBelM · #6 (**permalink**) 20/11/2010, 15:02

weblaelectrica, no es por discrepar, pero la solución que te di funciona. también es verdad que la solución de panino5001 es mas correcta

Cita:

<html>
<head>
<script type="text/javascript">
var opcion = '';
</script>
</head>
<body>
<form action="pagina.asp" method="post">
<select id="sel" onchange="opcion=this.options[this.selectedIndex].text;">
<option value="">Selecciona Articulo</option>
<option value="ca">Camisetas</option>
<option value="za">Zapatos</option>
<option value="jer">Jersey</option>
<option value="acc">Accesorios</option>
<option value="abr">Abrigos</option>
</select>
<br>
<input type="submit" value="Submit" OnClick="if(!confirm(String.fromCharCode(191)+'Est as seguro que deseas ver este articulo: ' + opcion + '?')) return false;" />
</form>
</body>
</html>