En que boton hicieron click?

augusto_jaramil · #1 (**permalink**) 19/08/2008, 16:47

Hola amigos,

He definido un formulario que contiene varios botones (submit), mas o menos asi:

Código PHP:

  . 
. 
<input type="submit" id="ini" name="accion" value="Iniciar"> 
<input type="submit" id="act" name="accion" value="Actualizar"> 
<input type="submit" id="del" name="accion" value="Eliminar"> 
. 
. 
.

Mi duda es la siguiente: como se puede, mediante JavaScript, detectar sobre que boton el usuario hizo click? Observese que el name es igual para todo boton y el id es el que difiere

Necesito esto para realizar la validacion del formulario y si los datos son correctos se hace el llamado a un script php que se encarga de realizar las acciones correspondientes al boton sobre el cual se hizo click, mas o menos de esta forma:

Código PHP:

  <? 
if (isset($accion)) 
{ 
   switch ($accion) 
   { 
         case "Iniciar": 
               bla; 
               bla; 
               bla: 
         break; 
 
         case "Actualizar": 
               bla; 
               bla; 
               bla: 
         break; 
 
         case "Eliminar": 
               bla; 
               bla; 
               bla: 
         break; 
 
   } 
}

Agradezco de antemano sus valiosos aportes

Un Cordial Saludo

Panino5001 · #2 (**permalink**) 19/08/2008, 21:02

Fijate si así te sirve lo siguiente. Aunque debo decirte que contando con $_POST['accion'] del lado del servidor no sé muy bien para qué necesitás esto:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<script>
var Register=[];
function addEvent(obj, evType, fn, useCapture){
    if(obj.addEventListener){
        obj.addEventListener(evType, fn, useCapture);
    }else if(obj.attachEvent){
        obj.attachEvent("on"+evType, fn);
    }else{
        obj['on'+evType]=fn;
    }
} 

function detectar(e){
    e=e || window.event;
    if(e.preventDefault){
        e.preventDefault();
    }else 
        e.returnValue = false;
    alert(Register[Register.length-1]);
    return false;
}

function registrar(e){
    var e=e || window.event;
    var obj=e.target || e.srcElement;
    Register.push(obj.id);
}
function inicio(){
    addEvent(document, 'click', registrar, false);
    addEvent(document.getElementById("form1"), 'submit', function(e){return detectar(e);}, false);
    
    
}
window.onload=inicio;
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
 <input type="submit" id="ini" name="accion" value="Iniciar">
<input type="submit" id="act" name="accion" value="Actualizar">
<input type="submit" id="del" name="accion" value="Eliminar">
</form>
</body>
</html>

Ojo que detuve el envío del formulario con estas líneas:

Código PHP:

  if(e.preventDefault){
        e.preventDefault();
    }else 
        e.returnValue = false;
    
    return false;

(Lo comento por si necesitás cambiar ese comportamiento.)

augusto_jaramil · #3 (**permalink**) 20/08/2008, 07:41

Gracias Panino5001....

Despues de analizar y adecuar el script que me enviaste me funciono perfecto

Agradezco tu valiosa colaboracion. Mil y mil gracias

Un Cordial Saludo