Foros del Web » Programando para Internet » Javascript »

Ayuda con tablas

Estas en el tema de Ayuda con tablas en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/12/2010, 07:58
Avatar de 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.
  #2 (permalink)  
Antiguo 30/12/2010, 22:18
Avatar de Perr0  
Fecha de Ingreso: mayo-2005
Ubicación: Santiago de Chile, Chile
Mensajes: 676
Antigüedad: 18 años, 10 meses
Puntos: 79
Respuesta: Ayuda con tablas

creo que no es necesario ocupar cookies para ello
y las unicas cookies que veo en el código estan dentro
de un comentario. Salvo las que explicas que deben estar
en otro código.

si programas algo para que te lea la tabla y le asigne ids a
los <tr>, con ello podras crear y eliminar a tu antojo
sin necesidad de cookies.

salu2
  #3 (permalink)  
Antiguo 06/01/2011, 09:58
Avatar de Algadar  
Fecha de Ingreso: abril-2009
Mensajes: 115
Antigüedad: 15 años
Puntos: 1
Respuesta: Ayuda con tablas

esa es la pregunta.!
Que no se es como obtener esos ID desde la tabla.
De una fila seleccionada
__________________
Deseo poco y lo poco que deseo, lo deseo poco.!
De Colores.

Etiquetas: tablas
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 00:57.