Hacer un update con ajax.

Código HTML :

<a class="dock-item"><span>Modificar datos del aviso</span><img src="imagenes_menu/modificar.jpeg" alt="Almacen Cliente" onclick="modificar_aviso()" style="cursor:pointer"  /></a>
                      
                 
 
<form method="POST" name="form1" id="form1" action="<?php echo $editFormAction; ?>">
          <table width="79%">
            <tr>
              <th scope="col" width="57">Teléfonos</th>
 <th scope="col" width="52"><input name="telefonos" id="telefonos "type="text" size="9" maxlength="9" value="<?php echo $row_usuarios['telefonos']; ?>" /></th>
  <input type="hidden" name="MM_update" value="form1" />
  <input type="hidden" name="id_aviso" id="id_aviso" value="<?php echo $row_usuarios['id_aviso']; ?>" />
</form>

Código PHP :

if ((isset($_POST["id_aviso"])&&isset($_POST["MM_update"]) == "form1")) {
  $updateSQL = sprintf("UPDATE avisos SET telefonos=%s WHERE id_aviso='".$_POST['id_aviso']."'",
  
                      
                       
                       GetSQLValueString($_POST['telefonos'], "text"));
                       
 
  mysql_select_db($database_conexion, $conexion);
  $Result1 = mysql_query($updateSQL, $conexion) or die(mysql_error());
}

Código Javascript :

function modificar_aviso(){

var boton = confirm("¿Modificar datos del aviso?");

    if(boton){

        

document.forms['form1'].submit();

 
    }

}

Código Javascript :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#form2').submit(function(event) {
     var datos = $(this).serialize();   
      event.preventDefault()
      $.ajax(
        {
            url:'procesa.php',
            type:'POST',
            data:datos,
            beforeSend:function(objeto){ 
                $('#carga').css({display:'block'});
            },
            complete:function(){
            $('#carga').css('display','none');
            },
         success: function(data) {
                $('#result').html(data);

            }
        }); 
    });
});
</script>

Código HTML :

<div id="formulario">

    <form action="<?php echo $editFormAction; ?>" method="post" name="form2" id="form2">

<th scope="col"><?php echo $row_usuarios['id_aviso']; ?></th>
 
          <table width="79%">
            <tr>
              <th scope="col" width="57">Teléfonos</th>
<th scope="col" width="52"><input name="telefonos" id="telefonos" type="text" size="9" maxlength="9" value="<?php echo $row_usuarios['telefonos'];?>" /></th>

            <tr>
             <th scope="col" width="46">Nombre</th>
    <th scope="col" width="88"><input name="name" id="name" type="text" size="35" value="<?php echo $row_usuarios['name'];?>"/>
              </th>
            
            </tr>
</table>
<input type="hidden" name="id_aviso" value="<?php echo $row_usuarios['id_aviso']; ?>" />
    <input type="hidden" name="MM_update" value="form2" /> 
         <input type="submit"   name="mysubmit" value="Enviar" />/////////// esto es lo que quiero quitar
      </fieldset>
</form>     

Código HTML :

<a class="dock-item"><span>Modificar datos del aviso</span><img src="imagenes_menu/modificar.jpeg"   style="cursor:pointer"  /></a>

Código HTML :

<input type="image" src="imagen.jpg" />

Código HTML :

<a href="" onClick=document.getElementById('form2').submit(); return false;"><img src="imagen.jpg" /></a>

DriverOp escribió:

<input type="image" src="imagen.jpg" />

<a href="" onClick=document.getElementById('form2').submit(); return false;"><img src="imagen.jpg" /></a>