Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/12/2010, 07:58
Avatar de Algadar
Algadar
 
Fecha de Ingreso: abril-2009
Mensajes: 115
Antigüedad: 15 años
Puntos: 1
Ayuda con tablas

Buenos días,
Una vez más acudiendo a la ayuda del foro.
Esta vez tengo una duda, tengo una tabla dinamina que se genera con el siguiente código que conseguí por la web.
Código Javascript:
Ver original
  1. function agregarFila(obj){
  2.         obj.value = parseInt(obj.value) + 1;
  3.         document.getElementById('num_campos').value=obj.value;
  4.         var oId = obj.value;
  5.         var Actividad = document.getElementById("txtActividad");
  6.         var User = document.getElementById("txtUser");
  7.         document.getElementById("txtFecha").value= fechaactual();
  8.         var Fecha = document.getElementById("txtFecha");
  9.         //var sexo = document.getElementById("selSexo");
  10.         //var estCivil = document.getElementById("selEstCivil");
  11.         var strHtml1 = Actividad.value + '<input type="hidden" id="hdnActividad_' + oId + '" name="hdnActividad_' + oId + '" value="' + Actividad.value + '"/>' ;
  12.         var strHtml2 = User.value + '<input type="hidden" id="hdnUser_' + oId + '" name="hdnUser_' + oId + '" value="' + User.value + '"/>' ;
  13.         var strHtml3 = Fecha.value + '<input type="hidden" id="hdnFecha_' + oId + '" name="hdnFecha_' + oId + '" value="' + Fecha.value + '" onclick="muestrame(id)" />' ;
  14.         //var strHtml4 = sexo.value + '<input type="hidden" id="hdnSexo_' + oId + '" name="hdnSexo_' + oId + '" value="' + sexo.value + '"/>' ;
  15.         //var strHtml5 = estCivil.value + '<input type="hidden" id="hdnEstCivil_' + oId + '" name="hdnEstCivil_' + oId + '" value="' + estCivil.value + '"/>' ;
  16.             var strHtml6 = '<img src="picture/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'Realmente desea eliminar este detalle?\')){eliminarFila(' + oId + ');}"/>';
  17.             strHtml6 += '<input type="hidden" id="hdnIdCampos_' + oId +'" name="hdnIdCampos[]" value="' + oId + '" />';
  18.         var objTr = document.createElement("tr");
  19.         objTr.id = "rowDetalle_" + oId;
  20.         var objTd1 = document.createElement("td");
  21.         objTd1.id = "tdDetalle_1_" + oId;
  22.         objTd1.innerHTML = strHtml1;
  23.         var objTd2 = document.createElement("td");
  24.         objTd2.id = "tdDetalle_2_" + oId;  
  25.         objTd2.innerHTML = strHtml2;
  26.         var objTd3 = document.createElement("td");
  27.         objTd3.id = "tdDetall_3_" + oId;   
  28.         objTd3.innerHTML = strHtml3;
  29.         /*var objTd4 = document.createElement("td");
  30.         objTd4.id = "tdDetalle_4_" + oId;  
  31.         objTd4.innerHTML = strHtml4;
  32.         var objTd5 = document.createElement("td");
  33.         objTd5.id = "tdDetalle_5_" + oId;  
  34.         objTd5.innerHTML = strHtml5;*/
  35.         var objTd6 = document.createElement("td");
  36.         objTd6.id = "tdDetalle_6_" + oId;  
  37.         objTd6.innerHTML = strHtml6;
  38.  
  39.         objTr.appendChild(objTd1);
  40.         objTr.appendChild(objTd2);
  41.         objTr.appendChild(objTd3);
  42.         /*objTr.appendChild(objTd4);
  43.         objTr.appendChild(objTd5);*/
  44.         objTr.appendChild(objTd6);
  45.  
  46.         var objTbody = document.getElementById("tbDetalle");
  47.         objTbody.appendChild(objTr);
  48.         return false;   //evita que haya un submit por equivocacion.
  49.     }
en la linea 16 vemos lo siguiente.
Código Javascript:
Ver original
  1. var strHtml6 = '<img src="picture/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'Realmente desea eliminar este detalle?\')){eliminarFila(' + oId + ');}"/>';
con esto ultimo creo una columna con un boton para eliminar fila lo cual hago con este código.
Código Javascript:
Ver original
  1. function eliminarFila(oId){
  2.         var objHijo = document.getElementById('rowDetalle_' + oId);
  3.         var objPadre = objHijo.parentNode;
  4.                 alert(objHijo.id);
  5.         objPadre.removeChild(objHijo);
  6.  
  7.         /***** Para eliminar Cookie *******
  8.                      if ( getCookie( name ) ) document.cookie = name + '=' +
  9.             ( ( path ) ? ';path=' + path : '') +
  10.             ( ( domain ) ? ';domain=' + domain : '' ) +
  11.             ';expires=Thu, 01-Jan-1970 00:00:01 GMT';*/
  12.         return false;
  13.     }
sabiendo esto, al momento de generer la fila utilizando agregarFila(obj) creo, con otra función Cookie's para tener los datos en memoria. lo que deseo es porder hacer lo contrario, es decir, eliminar los Cookie's de la fila que se esta eliminando; ya que con la función que tengo eliminarFila(oId), obtengo la fila y con removeChild() la elimino más me queda el Cookie, creó que lo que necesito hacer lo puedo lograr obteniendo el id de los objetos que se encuentran en la fila que se va a eliminar; lo que no se es como obtener esos ID desde la tabla.
__________________
Deseo poco y lo poco que deseo, lo deseo poco.!
De Colores.