Escribir texto dentro de celdas??

jam1138 · #1 (**permalink**) 23/03/2005, 04:46

:séveR led onieR le edsed sodulaS

... tengo una tabla... y queria ver la forma de escribir texto en diferentes celdas... varios datos a la vez.

Graficamente:

Código:

 | Columna 1 |   Columna 2  |
-----------------------------
 | valor1:      | "AcáEscribo" |
-----------------------------
 | valor2:      | "AcáEscribo" |

... Se cómo escribir algo en el lugar que quiero llamando a la función simplemente

Código:

<td><script>escribe()</script></td>

Pero debo crear una función por cada celda???

.. quizá una función que llame a todas esas funciones???...

Aclarando que no son campos de formulario... seria sencillo... es texto plano...

llamar a las etiquetas <td> por id??...

...

Gracias de antemano!

JavierB · #2 (**permalink**) 23/03/2005, 04:53

Hola jam1138

No se si he entendido bien tu duda

Si pones un id a la celda:

<td id="c1">

podrás escribir dentro con:

document.getElementById('c1').innerHTML='texto';

Esta función puedes ponerla en la sección <head> de tu página y llamarla, por ejemplo, en el vento onload

Si son muchas las celdas en las que tienes que escribir y están todas seguidas en la misma columna, podría hacerse algún bucle que las recorriera todas.

A lo mejor el que no se ha explicado demasiado bien ahora he sido yo

Saludos,

jam1138 · #3 (**permalink**) 23/03/2005, 05:17

.... innerHTML.. esa no me la sabia.

Pues... es exacto lo que busco... pero no consegui hacer el bucle... ¿? y apoco importa que estén en una misma colñumna??? .. no lo que importa es la id?? no puedo tener algo como:

Código HTML:

<tr><td></td><td id="c[]"></td></tr><tr><td id="c[]"></td><td></td></tr>

Yo no le veo problema.... pero bueno... te cuento que probé con esto:

Código HTML:

<script language="javascript">
function actualiza(a, b, c) {
document.getElementById('c1').innerHTML=a;
document.getElementById('c2').innerHTML=b;
document.getElementById('c3').innerHTML=c;
}
</script>

Solo como prueba, con tres celdas en la misma columna y me funcionó... pero... repito: no pude crear un bucle... intenté meter los valores que recibo en un arreglo y agí llamarlos por posición... donde la celda c[0] seria igual a el arreglo[0] ... pero nada.. quizá problema de comillas...

JavierB · #4 (**permalink**) 23/03/2005, 05:50

Hola de nuevo.

Lo de hacer un bucle es algo más complejo. Si tienes pocas celdas no merece la pena. De todas formas te pongo un ejemplo:

Código PHP:

  <html> 
<head> 
<script type="text/javascript"> 
function probar() { 
  tab=document.getElementById('tabla'); 
  fila=tab.getElementsByTagName('tr'); 
  for (i=0;f=fila[i];i++) { 
    celda=f.getElementsByTagName('td'); 
    celda[0].innerHTML='algo'; 
  } 
} 
</script> 
</head> 
<body> 
<table id="tabla" border="1"> 
<tr><td>&nbsp;</td></tr> 
<tr><td>&nbsp;</td></tr> 
<tr><td>&nbsp;</td></tr> 
</table> 
<input type="button" onclick="probar()" /> 
</body> 
</html>

Saludos,