Foros del Web » Programando para Internet » Javascript »

Pequeño arreglo de Script.

Estas en el tema de Pequeño arreglo de Script. en el foro de Javascript en Foros del Web. Buenas, tengo un script que al hacer click sobre un elemento con una determinada clase, en este caso el <tr> de una tabla, si esta ...
  #1 (permalink)  
Antiguo 18/09/2012, 10:25
 
Fecha de Ingreso: junio-2012
Mensajes: 80
Antigüedad: 12 años, 5 meses
Puntos: 11
Sonrisa Pequeño arreglo de Script.

Buenas, tengo un script que al hacer click sobre un elemento con una determinada clase, en este caso el <tr> de una tabla, si esta sigue la estructura requerida por el script se ejecuta... No voy a entrar en detalles de la liosa estructura y demas.

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
  1. $(document).ready(function()
  2. {
  3.  
  4. $(".edit_tr").click(function(){
  5. var ID=$(this).attr('id');
  6. $("#one_"+ID).hide();
  7. $("#two_"+ID).hide();
  8. $("#three_"+ID).hide();
  9. $("#four_"+ID).hide();
  10. $("#five_"+ID).hide();
  11. $("#six_"+ID).hide();//New record
  12.  
  13. $("#one_input_"+ID).show();
  14. $("#two_input_"+ID).show();
  15. $("#three_input_"+ID).show();
  16. $("#four_input_"+ID).show();
  17. $("#five_input_"+ID).show();
  18. $("#six_input_"+ID).show();//New record
  19. }).live('change',function(e)
  20. {
  21.    
  22. var ID=$(this).attr('id');
  23. var one_val=$("#one_input_"+ID).val();
  24. var two_val=$("#two_input_"+ID).val();
  25. var three_val=$("#three_input_"+ID).val();
  26. var four_val=$("#four_input_"+ID).val();
  27. var five_val=$("#five_input_"+ID).val();
  28. var six_val=$("#six_input_"+ID).val();//New record
  29.  
  30. var dataString = 'id='+ ID +'&idCliente='+one_val+'&nombre='+two_val+'&apellidos='+three_val+'&pais='+
  31. four_val+'&telefono='+five_val+'&email='+six_val;
  32.  
  33.  
  34. 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)
  35. {
  36.  
  37. $.ajax({
  38. type: "POST",
  39. url: "../libs/table_edit_ajax_clientes.php",
  40. data: dataString,
  41. cache: false,
  42. success: function(e)
  43. {
  44.  
  45. $("#one_"+ID).html(one_val);
  46. $("#two_"+ID).html(two_val);
  47. $("#three_"+ID).html(three_val);
  48. $("#four_"+ID).html(four_val);
  49. $("#five_"+ID).html(five_val);
  50. $("#six_"+ID).html(six_val);//New record
  51. e.stopImmediatePropagation();
  52. }
  53. });
  54. }
  55. else
  56. {
  57. alert('Enter something.');
  58. }
  59. });
  60.  
  61. // Edit input box click action
  62. $(".editbox").mouseup(function()
  63. {
  64. return false
  65. });
  66.  
  67. // Outside click action
  68. $(document).mouseup(function()
  69. {
  70. $(".editbox").hide();
  71. $(".text").show();
  72. });
  73.  
  74. });

Etiquetas: ajax, html, input, js, pequeño, php, arreglos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:02.