Recorrer tabla

[jrodriguez30]

Buenos dias... intento en mi pagina web recorrer las columnass de una tabla html para verificar en la celda4 si existen o no datos con javascript????'

Alguna sugerencia por favor...

[buzu]

usa un loop, un for te sirve bien. La idea es primero hacer una referncia a la tabla, puede ser con un getElmentById, luego obtienes todo los tr de esa tabla, luego creas un loop interno que recorre todos los tr de cada td y vas checando si tiene algun valor o no. Sencillo...

[jrodriguez30]

Si algo asi tengo pero como soy novata en js me confundo.
Ya tengo la tabla con var el = document.getElementById("tabla"), tambien tengo la columna que quiero verificar si existen espacios en blanco var tds = el.getElementsByTagName("input") ya que los campos son inputs.... de ahi ya no se que mas hacer :(

Alguna idea o ejemplo que me pueda ayudar?

[David]

¿Puedes poner el código HTML que estás usando?

[foreverOdd]

Hola

Para hacer esto debes tener en cuenta que dentro de una tabla las filas se "guardan" como un array(array rows) y las celdas se "guardan" como un array dentro de cada fila(array cells), es decir, si quieres ir a la cuarta celda de la primera fila debes hacer algo asi

laTabla.rows[0].cells[3]

ahora si lo que quieres es saber el contenido de un text dentro de esa celda, debes tener en cuenta que lo quese encuantra dentro de la celda es un array de nodos.
ahora supongamos que dentro de la celda solo tienes un input text, haces:

text = laTabla.rows[0].cells[3].childNodes[0];

Suerte

[jrodriguez30]

y me imagino que para ver si es una celda en blanco text == "" ?.... LO que pasa es que mi pagina web es un modulo de pedidos donde despliego todos mis materiales y el usuario solo rellenara el input text de los materiales que quiera para luego enviar el pedido y filtrar los que estan llenos y meterlos a una tabla sql.....

[foreverOdd]

text.value == ""

pero corrigeme si me equivoco, tienes dentro de la celda un input text, ¿cierto?
eso fue lo que entendi en un principio

[jrodriguez30]

Si....
echo "<TABLE BORDER = 10 id = tabla>";
echo "<TR><TH bgcolor=#C0D9D9>Fecha</th><TH bgcolor=#C0D9D9>Categoria</th><TH bgcolor=#C0D9D9>Cod</th><TH bgcolor=#C0D9D9>Descripcion</th><TH bgcolor=#C0D9D9>Unidad</th><TH bgcolor=#C0D9D9>Cantidad</th>";
while($sql = mysql_fetch_array($consulta))
{
echo "<tr>";
echo "<form name = formulario action = adicionapedido.php method = get>";
echo "<td>".$fecha_."</td>";
echo "<td>".$sql['subcategoria']."</td>";
echo "<td>".$sql['codigo']."</td>";
echo "<td>".$sql['descrip']."</td>";
?><td id="unidad"><input type="text" name="und"></td>
<td><input type="text" name="cant"></td> <?
echo "</form>";
echo "</tr>";
}
echo "</table>";
Solamente quiero evaluar si el cliente rellena el input und y cant... los demas por default vienen rellenos porq vienen de una consulta...

[foreverOdd]

Dioooossssssss

No es necesario recorrer la tabla solo colocale un ID a tu text y recoge el valor con:

und = document.getElementById("und").value;
cant = document.getElementById("cant").value;

despues:

cant ==""

und ==""


tambien mueve la apertura de tu formulario, colocalo antes de la tabla.

el formulario es un control de bloque, no lo puedes abrir en una celda y cerrarlo en otra, en realidad no puedes hacer eso con ningun control.

[jrodriguez30]

?><td id="unidad"><input type="text" name="und"></td>
<td id="cantidad"><input type="text" name="cant"></td> <?

Ya lo cambie.... trato de imprimir el valor del und con alert(und) y me manda "UNDEFINED"....

[David]

Como está dentro del formulario debe ser:

Código PHP:

  alert(formulario.und.value);  
   

O directamente usando el id .

[foreverOdd]

pero no le has puesto el id a tus text

<td id="unidad"><input type="text" name="und" id="und"></td>
<td id="cantidad"><input type="text" name="cant" id="cant">

[jrodriguez30]

<script>
function datosTextos()
{
und = document.getElementById("unidad").value;
cant = document.getElementById("cantidad").value;
alert(formulario.und.value);
alert(formulario.unidad.value);
}
</script>

Trate de las dos formas.... y en la primera. "UNDEFINED" y la segunda no imprime nada :(....

[jrodriguez30]

Aqui estan los id
?><td id="unidad"><input type="text" name="und" id="und"></td>
<td id="cantidad"><input type="text" name="cant" id="cant"></td> <?

<script>
function datosTextos()
{
und = document.getElementById("und").value;
cant = document.getElementById("cant").value;
alert(formulario.und.value);
}
</script>

[foreverOdd]

<script>
function datosTextos()
{
und = document.getElementById("und").value;
cant = document.getElementById("cant").value;
alert(und);
}

[jrodriguez30]

Iniciado por foreverOdd

<script>
function datosTextos()
{
und = document.getElementById("und").value;
cant = document.getElementById("cant").value;
alert(und);
}

Lo hize asi y no imprime nada.... no se que estare haciendo mal :(

[jrodriguez30]

Excelente.... me falta el cierre el </script> ahora solo me falta recorrer toda la columna Unidad..... para ir evaluando los llenos y los vacios.....

[foreverOdd]

asegurate de que ningun otro control tenga el mismo ID, el ID deber ser unico en todo el documento
te recomiendo que uses Firefox y le instales el Firebug para que te sea mas facil depurar tus scripts

[jrodriguez30]

Otra consulta.... como hago para que solo me recorra la columna de UNidades y Cantidad??????

[foreverOdd]

para que necesitas recorrer la tabla??? con el id en cada input ya lo tienes solucionado, pero la cosa sera mas o menos asi

cantFilas = tabla.rows.length;

for(i=0;i<cantFilas;++){

und = tabla.rows[i].cells[3].childNodes[0].value;
cant = tabla.rows[i].cells[3].childNodes[1].value;
alert(und+" "+cant);//un alert por cada fila

}

[jrodriguez30]

Iniciado por foreverOdd

para que necesitas recorrer la tabla??? con el id en cada input ya lo tienes solucionado, pero la cosa sera mas o menos asi

cantFilas = tabla.rows.length;

for(i=0;i<cantFilas;++){

und = tabla.rows[i].cells[3].childNodes[0].value;
cant = tabla.rows[i].cells[3].childNodes[1].value;
alert(und+" "+cant);//un alert por cada fila

}

Recuerda que es un formulario de pedido osea que son varios und y cant que el usuario llenara..... osea que tengo q recorrer todas las filas para saber cual esta lleno y cual no ......

[foreverOdd]

Bueno, no hay razon para molestarse, solo trato de ayudarte

Veras, cuando le damos el mismo nombre a un conjunto de controles estos son interpretados por javascript como un array, asi que lo del ID no es la solucion en este caso.

para recorrer todas las filas simplemente haces algo parecido a mi post anterior pero sin DOM

seria:

largo = document.NOMBRE_DEL_FORMULARIO.und.length;
und = document.NOMBRE_DEL_FORMULARIO.und;//array con todos los und
cant = document.NOMBRE_DEL_FORMULARIO.cant;//array con todos los cant

for(i=0;i<largo;i++){
alert(und[i]+" "+cant[i]);//un alert por fila....


}
Suerte

te recomiendo leer mas sobre Javascript y html......

[jrodriguez30]

Gracias.... y no te preocupes para nada q me moleste... y como dije al principio soy novata en programacion web... estoy produciendo y aprendiendo en el camino....

[jrodriguez30]

Iniciado por foreverOdd

Bueno, no hay razon para molestarse, solo trato de ayudarte

Veras, cuando le damos el mismo nombre a un conjunto de controles estos son interpretados por javascript como un array, asi que lo del ID no es la solucion en este caso.

para recorrer todas las filas simplemente haces algo parecido a mi post anterior pero sin DOM

seria:

largo = document.NOMBRE_DEL_FORMULARIO.und.length;
und = document.NOMBRE_DEL_FORMULARIO.und;//array con todos los und
cant = document.NOMBRE_DEL_FORMULARIO.cant;//array con todos los cant

for(i=0;i<largo;i++){
alert(und[i]+" "+cant[i]);//un alert por fila....


}
Suerte

te recomiendo leer mas sobre Javascript y html......

No me imprime nada tu codigo :(

[foreverOdd]

cambiaste NOMBRE_DEL_FORMULARIO por el verdadero nombre de tu formulario???
cuantos formularios tienes en tu documento???
tu formulario esta bien definido???
recuerda lo que comente antes, NO PUEDES abrir un formulario en una celda y cerrarlo en otra..

[jrodriguez30]

echo "<form name = formulario action = adicionapedido.php method = get>";
echo "<TABLE BORDER = 10 id = tabla>";
echo "<TR><TH bgcolor=#C0D9D9>Fecha</th><TH bgcolor=#C0D9D9>Categoria</th><TH bgcolor=#C0D9D9>Cod</th><TH bgcolor=#C0D9D9>Descripcion</th><TH bgcolor=#C0D9D9>Unidad</th><TH bgcolor=#C0D9D9>Cantidad</th>";
while($sql = mysql_fetch_array($consulta))
{
echo "<tr>";
echo "<td>".$fecha_."</td>";
echo "<td>".$sql['subcategoria']."</td>";
echo "<td>".$sql['codigo']."</td>";
echo "<td>".$sql['descrip']."</td>";
?><td id="unidad"><input type="text" name="und" id="und"></td>
<td id="cantidad"><input type="text" name="cant" id="cant"></td> <?
echo "</form>";
echo "</tr>";
}
echo "</table>";
Solamente tengo mi formulario... y a donde pienso enviar los datos una vez filtrado la tabla....

[jrodriguez30]

<script>
function datosTextos()
largo = document.formulario.und.length;
und = document.formulario.und;//array con todos los und
cant = document.formulario.cant;//array con todos los cant

for(i=0;i<largo;i++)
{
alert(und[i]+" "+cant[i]);//un alert por fila....
}
</script>

[foreverOdd]

el formulario debe terminar despues de la tabla, lo estas terminando en un sitio donde no va ningin html, entre </td></form></tr>

[foreverOdd]

tambien acostumbrate a meter los atrubutos entre comillas

echo "<form name = formulario action = adicionapedido.php method = get>";
echo "<form name ='formulario' action ='adicionapedido.php' method ='get'>";
o tambien

echo "<form name =\"formulario\" action = \"adicionapedido.php\" method = \"get\">";

[jrodriguez30]

echo "<form name = formulario action = adicionapedido.php method = get>";
echo "<TABLE BORDER = 10 id = tabla>";
echo "<TR><TH bgcolor=#C0D9D9>Fecha</th><TH bgcolor=#C0D9D9>Categoria</th><TH bgcolor=#C0D9D9>Cod</th><TH bgcolor=#C0D9D9>Descripcion</th><TH bgcolor=#C0D9D9>Unidad</th><TH bgcolor=#C0D9D9>Cantidad</th>";
while($sql = mysql_fetch_array($consulta))
{
echo "<tr>";
echo "<td>".$fecha_."</td>";
echo "<td>".$sql['subcategoria']."</td>";
echo "<td>".$sql['codigo']."</td>";
echo "<td>".$sql['descrip']."</td>";
?><td id="unidad"><input type="text" name="und" id="und"></td>
<td id="cantidad"><input type="text" name="cant" id="cant"></td> <?
echo "</tr>";
}
echo "</table>";
echo "</form>";
Ok listo....
Igual no imprime nada todavia :(