Al caso, necesito cambiar el lugar donde se hace click para ejecutar el script de una fila a una celda, y obiamente no sirve con cambiar la clase requerida a la celda <td> por que esta no cumple la estructura requerida por el script.
La idea seria agregar un codigo para que al pulsar en la celda se ejecutara el script tal como esta ahora. Pero no tengo ni papa de js, a ver si me podeis echar un cable ^^.
Ahora mismo para ejecutarse hay que pulsar sobre <tr class="edit_tr" id="$id">
Y la cosa seria dejar ese tr asi pero poner la celda <td class="edit_td_click"> por ejemplo...
Si necesitais ver la estructura de la web y demas lo coloco.
Código Javascript:
Ver original
$(document).ready(function() { $(".edit_tr").click(function(){ var ID=$(this).attr('id'); $("#one_"+ID).hide(); $("#two_"+ID).hide(); $("#three_"+ID).hide(); $("#four_"+ID).hide(); $("#five_"+ID).hide(); $("#six_"+ID).hide();//New record $("#one_input_"+ID).show(); $("#two_input_"+ID).show(); $("#three_input_"+ID).show(); $("#four_input_"+ID).show(); $("#five_input_"+ID).show(); $("#six_input_"+ID).show();//New record }).live('change',function(e) { var ID=$(this).attr('id'); var one_val=$("#one_input_"+ID).val(); var two_val=$("#two_input_"+ID).val(); var three_val=$("#three_input_"+ID).val(); var four_val=$("#four_input_"+ID).val(); var five_val=$("#five_input_"+ID).val(); var six_val=$("#six_input_"+ID).val();//New record var dataString = 'id='+ ID +'&idCliente='+one_val+'&nombre='+two_val+'&apellidos='+three_val+'&pais='+ four_val+'&telefono='+five_val+'&email='+six_val; if(one_val.length>0 && two_val.length>0 && three_val.length>0 && four_val.length>0 && five_val.length>0 && six_val.length>0) { $.ajax({ type: "POST", url: "../libs/table_edit_ajax_clientes.php", data: dataString, cache: false, success: function(e) { $("#one_"+ID).html(one_val); $("#two_"+ID).html(two_val); $("#three_"+ID).html(three_val); $("#four_"+ID).html(four_val); $("#five_"+ID).html(five_val); $("#six_"+ID).html(six_val);//New record e.stopImmediatePropagation(); } }); } else { alert('Enter something.'); } }); // Edit input box click action $(".editbox").mouseup(function() { return false }); // Outside click action $(document).mouseup(function() { $(".editbox").hide(); $(".text").show(); }); });