Foros del Web » Programando para Internet » Javascript »

Recorrer tabla HTML y guardar resgistros en un hidden

Estas en el tema de Recorrer tabla HTML y guardar resgistros en un hidden en el foro de Javascript en Foros del Web. Buenos días a todos, Mi problema es el siguiente: Tengo una tabla hecha en HTML con un botón Javascript que me genera (dependiendo de los ...
  #1 (permalink)  
Antiguo 07/07/2011, 03:03
cRz87
Invitado
 
Mensajes: n/a
Puntos:
Recorrer tabla HTML y guardar resgistros en un hidden

Buenos días a todos,

Mi problema es el siguiente:

Tengo una tabla hecha en HTML con un botón Javascript que me genera (dependiendo de los registros que el usuario rellene) una fila más en la tabla.

Me gustaría guardar esos registros en un hidden para cada campo de la tabla que cuando yo quiera pueda visualizarlos.

Me imagino que debería hacer un array en php que recorriera toda la tabla y me fuera guardando esos registros en los campos hidden pero la verdad es que no sé por donde empezar.

Si alguién me pudiera dar el empujón lo agradecería mucho.

Gracias de antemano,

Saludos,
  #2 (permalink)  
Antiguo 08/07/2011, 04:20
Avatar de repara2  
Fecha de Ingreso: septiembre-2010
Ubicación: München
Mensajes: 2.445
Antigüedad: 13 años, 7 meses
Puntos: 331
Respuesta: Recorrer tabla HTML y guardar resgistros en un hidden

Si lo que quieres es crear campos hidden con valores ingresados por el usuario, entonces necesitas Javascript.
Para guardar estos valores realizar el proceso de formulario normal y corriente.
No se entiende muy bien la pregunta.
Salu2
__________________
Fere libenter homines, id quod volunt, credunt.
  #3 (permalink)  
Antiguo 08/07/2011, 06:53
cRz87
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Recorrer tabla HTML y guardar resgistros en un hidden

Mira te explico:

Tengo una tabla en html donde tengo campos para que el usuario vaya añadiendo datos.
Esta tabla tiene un botón en Javascript que lo que hace es crear más filas dependiendo de lo que necesite el usuario.
Los campos de esta tabla son:

codigo-articulo-precio-oferta

Quiero que me guarde, por ejemplo los datos del campo código en un campo hidden.
Si el usuario crea 10 filas, tendré 10 códigos, por lo tanto quiero (no sé cómo) que esos códigos se almacenen en ese campo hidden.
Cómo hago esto?

Salu2 y gracias x contestar
  #4 (permalink)  
Antiguo 08/07/2011, 07:00
Avatar de Eleazan  
Fecha de Ingreso: abril-2008
Ubicación: Ibiza
Mensajes: 1.879
Antigüedad: 16 años
Puntos: 326
Respuesta: Recorrer tabla HTML y guardar resgistros en un hidden

Pues, al crear con js, simplemente haz...

Código:
var hid = document.getElementById("idDelHidden");
hid.value+=' '.aqui_el_codigo_nuevo;
  #5 (permalink)  
Antiguo 08/07/2011, 07:29
cRz87
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Recorrer tabla HTML y guardar resgistros en un hidden

Muchas gracias tio, creo que ahora ya voy por buen camino pero sigo teniendo dudas...(es que no tengo ni idea de Javascript)

He hecho esto:

function enviar(){
var hid = document.getElementById("fldCodiArticles");
hid.value+='fldcodi' + n;
}

Y luego en un botón Enviar le puesto el evento onclick= enviar()
He escrito algo en el campo codigo, le doy a enviar pero no me aparece nada en el input. Que estoy haciendo mal?

Gracias por la paciencia!
  #6 (permalink)  
Antiguo 08/07/2011, 09:19
Avatar de Eleazan  
Fecha de Ingreso: abril-2008
Ubicación: Ibiza
Mensajes: 1.879
Antigüedad: 16 años
Puntos: 326
Respuesta: Recorrer tabla HTML y guardar resgistros en un hidden

Javascript no es mágico.

¿Qué valor le das a N? Tendrás que recuperar ese valor de algún lado (presumiblemente, del input de código ;) )
  #7 (permalink)  
Antiguo 08/07/2011, 09:29
cRz87
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Recorrer tabla HTML y guardar resgistros en un hidden

Jejeje lo sé aunque me gustaría.
N es un contador que le va asignando a los campos de la tabla un numero cada vez que se crea una fila nueva, esto de no tener ni idea no es bueno e!
Tengo la idea pero no se cómo implementarla...

Lo tengo así para ir haciendo pruebas...

<script type="text/javascript">
var n=0;
function afegir() {
n++;
var taulaArticles = document.getElementById("contingut");
var fila = document.createElement("tr");
var celda1 = document.createElement("td");
var celda2 = document.createElement("td");
var celda3 = document.createElement("td");
var celda4 = document.createElement("td");
var celda5 = document.createElement("td");
var celda6 = document.createElement("td");
var celda7 = document.createElement("td");

celda1.innerHTML = "<input type='text' name='fldcodi'>";
celda1.name= 'fldcodi' + n;
alert(+celda1.value);
celda2.innerHTML = "<input type='text' name='fldarticle'>";
celda2.name='fldarticle' + n;
celda3.innerHTML = "<input type='text' name='fldorigen'>";
celda3.name='fldorigen' + n;
celda4.innerHTML = "<input type='checkbox' name= 'chkgroc'>";
celda4.name='chkgroc' + n;
celda5.innerHTML = "<input type='text' name='fldpreu'>";
celda5.name='fldpreu' + n;
celda6.innerHTML = "<input type='text' name='fldoferta'>";
celda6.name='fldoferta' + n;
celda7.innerHTML = "<input type='text' name='fldpromocio'>";
celda7.name='fldpromocio' + n;

fila.appendChild(celda1);
fila.appendChild(celda2);
fila.appendChild(celda3);
fila.appendChild(celda4);
fila.appendChild(celda5);
fila.appendChild(celda6);
fila.appendChild(celda7);
taulaArticles.appendChild(fila);

document.getElementById('esborra').hidden = false;
}
function esborra() {
var taulaArticles = document.getElementById ("contingut");
taulaArticles.deleteRow (taulaArticles.rows.length - 1);
n--;
if (taulaArticles.rows.length == 0) {
document.getElementById('esborra').hidden = true;
}
}
function enviar(){
var codi = new Array(200)
var hid = document.getElementById("fldCodiArticles");
var ctr = document.getElementById("fldcodi");

codi[1] = +celda1.value[0]
codi[2] = +celda2.value[1]

for (n=0;n<199;n++){
hid.value += +ctr.value;
}
}
</script>

Etiquetas: hidden, html, php, recorrer, tabla
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 22:02.