javascript confirmacion en una imagen

[oscarbt]

Hola foreros, a traves de una imagen, elimino datos de la base de datos, lo que deseo es que al dar clic en esa imagen de eliminar, me genere un javascript con una confirmacion (Aceptar , Cancelar), y esto aun no logro hacerlo

aqui dejo el codigo donde tengo la imagen

Código PHP:

<form action="info_personal.php" method="post" name="form1" id="form1">
<!-- tabla de resultados -->
  <tr bgcolor="#CC6666"  >
    <td><center><? echo $registro["NUM_CED_EGR"]; ?></center>
 <input readonly name="cedula" type="hidden" id="cedula"  value="<? echo $registro["NUM_CED_EGR"]; ?>"></td>
    <td ><center><? echo $registro["NOM_EGR"]; ?></center></td>
    <td><<center><? echo $registro["APE_EGR"]; ?></center></td>
    <td><center><input type="image" src="imagenes/ver_informacion.ico" height="32"  width="32"  onClick="javascript:form1.submit()" />
    </form>
    <form action="delete_egresado.php" method="post" name="form2" id="form2"> 
    <input type="image" src="imagenes/eliminar.ico" height="32"  width="32"  onClick="javascript:form2.submit()" /></center></b></font></td>
     <input readonly name="cedula" type="hidden" id="cedula"  value="<? echo $registro["NUM_CED_EGR"]; ?>">
  </tr>
  </form>
 

El javascript de confirmacion lo quiero mostrar al darse clic en :

Código HTML:

<form action="delete_egresado.php" method="post" name="form2" id="form2"> 
    <input type="image" src="imagenes/eliminar.ico" height="32"  width="32"  onClick="javascript:form2.submit()" />
 

en la imagen eliminar.ico

Tengo entendido que puedo incluir dos eventos on click:

Lo hice asi:

Código HTML:

onClick="javascript:form2.submit(); confirmacion()"
 

Ahora lo que no se es como hago ese javascript confirmacion, alguien podria indicarme o enviarme links donde pueda encontrar ayuda?

Y me surge otra duda: debo pasarle como parametro esto: ??

Código PHP:

<input readonly name="cedula" type="hidden" id="cedula"  value="<? echo $registro["NUM_CED_EGR"]; ?>">
 

Gracias foreros por la ayuda...

[stramin]

asi se hace la confirmación en javascript:

onClick="if(confirm('Esta seguro de que desea eliminar?'))javascript:form2.submit();"

espero que te sirva, si no era eso lo que querías dime

[oscarbt]

Si, eso es lo que quiero hacer, pero hay un problema y es que dando clic tanto en aceptar como en cancelar, se ejecuta el

Código HTML:

<form action="delete_egresado.php">
 

Y esa no es la idead, como se hace entonces para que al dar clic en cancelar, realmente la persona no sea eliminada?

Lo que quiero es que al dar clic en cancelar, se quede en la misma pagina y al dar clic en aceptar, ahi si valla a delete_egresado.php, que es donde hago el DELETE...

[stramin]

no puede ser, a no ser que la imagen o el boton sean del tipo submit

[stramin]

aaaaaaaaah wait, ya vi el problema

onClick="if(confirm('Esta seguro de que desea eliminar?')) form2.submit();"

no necesitas poner javascript: para ejecutar una funcion en javascript :)

[oscarbt]

esa es la cuestion, la imagen es del tipo submit

<form action="delete_egresado.php" method="post" name="form2" id="form2">
<input type="image" src="imagenes/eliminar.ico" height="32" width="32" onClick="if(confirm('Esta seguro de que desea eliminar?')) form2.submit();" />

<input readonly name="cedula" type="hidden" id="cedula" value="<? echo $registro["NUM_CED_EGR"]; ?>">

</form>
Ya que por POST envia datos a delete_egresado.php

Si es asi, entonces como planteo el javscript??

Y el dato que envia es el del textfiel cedula

[stramin]

ok, te conviene dejar la imagen normal y encerrarla entre etiquetas <a>:

Código HTML:

<form action="delete_egresado.php" method="post" name="form2" id="form2"> 
 
<a href="javascript:;" onClick="if(confirm('Esta seguro de que desea eliminar?')) form2.submit();"><img src="imagenes/eliminar.ico" height="32" width="32" border="0" /></a>
 
<input readonly name="cedula" type="hidden" id="cedula" value="<? echo $registro["NUM_CED_EGR"]; ?>">
 
</form>
 

Fíjate que a la imagen debes ponerle border="0" ya que si no lo pones te pondrá un horrible borde de 3 pixeles azul XD

[_cronos2]

Iniciado por stramin

ok, te conviene dejar la imagen normal y encerrarla entre etiquetas <a>

¡Nooooooooooooooooooooooo...! XD
Lo está haciendo bien, los formularios se envían con un submit (o un image, que sigue siendo un submit). Lo que tiene que hacer es añadir esto al form:

Código HTML:

<form ... onsubmit='return confirm('&#191;Est&#225;s seguro?');'>
 

Saludos (:

[stramin]

Cierto, tambien sirve, ambos son submit, no se me había ocurrido xD

[oscarbt]

ok _cronos2

tu codigo me funciono perfectamente, muchas gracias por la ayuda

y gracias tambien a stramin....

[oscarbt]

bueno ahora no se a que se debe pero este codigo lo utilizo en un buscador, y no se porque pero cuando el resultado de busqueda es un solo resultado, la imagen de eliminar al darle cancelar, no se queda activa, sino por el contrario ejecuta el DELETE