Ver Mensaje Individual
  #8 (permalink)  
Antiguo 11/06/2010, 12:17
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años
Puntos: 126
Respuesta: Como pasar datos de tabla a tabla o div

Hola

Se puede simplificar un poco mas

Código Javascript:
Ver original
  1. function volcar_valores(tabla)
  2. {
  3. td = document.getElementById(tabla).getElementsByTagName('td');
  4. inputDiv = document.getElementById('formulario').getElementsByTagName('div');
  5. for (i = 0; i < td.length; i++)
  6. {
  7. inputDiv[i].innerHTML = td[i].innerHTML;
  8. }
  9. }

Linea 3: Sacamos todos los td que hay dentro del tr que hemos clickeado
Linea 4: Sacamos todos los div que hay dentro del elemento cuya id es formulario
Linea 5: Hacemos un ciclo cuya iteración va de 0 hasta el total de tds que tiene el tr hemos clikeado
Linea 7: Ahora inputDiv[i] equivale a cualquier div que haya dentro del elemento con id formulario.
Es decir inputDiv[0] sería el primer div, inputDiv[1] el segundo, y así sucesivamente. Lo mismo está ocurriendo con
td[i], solo que en este caso, se refiere al primer, segundo, etc td del tr que hemos seleccionado.
innerHTML, podríamos cambiarlo a innerText para IE y textContent para FF, ya que lo que estamos
insertando es texto no HTML. Esa parte quedaría algo así

Código Javascript:
Ver original
  1. var navegador = navigator.appName;
  2. if (navegador == "Microsoft Internet Explorer") {
  3. inputDiv[i].innerText = td[i].innerText;
  4. } else {
  5. inputDiv[i].textContent = td[i].textContent;
  6. }

Ahora con las nuevas modificaciones
Código Javascript:
Ver original
  1. function volcar_valores(tabla)
  2. {
  3. var navegador = navigator.appName;
  4. td = document.getElementById(tabla).getElementsByTagName('td');
  5. inputDiv = document.getElementById('formulario').getElementsByTagName('div');
  6. for (i = 0; i < td.length; i++)
  7. {
  8. if (navegador == "Microsoft Internet Explorer") {
  9. inputDiv[i].innerText = td[i].innerText;
  10. } else {
  11. inputDiv[i].textContent = td[i].textContent;
  12. }
  13. }
  14. }

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />