Como colocar un div en un <tr> ?

[oscarbt]

Hola a todos, tengo unas tablas y necesito actualizar solo una fila, pero el div me actualiza en un lugar diferente a la fila,

A manera de ejemplo:

Código HTML:

<table>
<tr>
<div id="div1">
<td>Val 1</td><td>Val2</td><td>Val3</td><td><button onclick="actualizar('div1');" ></button></td>
</div>
</tr>
</table>
 

Ese div se podria actualizar estando despues del <tr> y cerrando antes de</tr> ??

[maycolalvarez]

no puedes colocar DIV dentro de TR, sólo dentro de un TD, así estás rompiendo la estructura de la tabla

[oscarbt]

mmm Ok, muchas gracias...... me tocaria actualizar un div q encierre toda la tabla, tienes algun enlace donde pueda manejar solo divs, de manera que pueda crear div cuyo formato quede similar al de una tabla ???
He buscado pero aun tengo vacios de como manejar solo divs

[maycolalvarez]

¿para que complicarse tanto?, puedes definir una clase class en común para cada TD y utilizar javascript document.getElementsByTagName('td') para recuperar un array de los TD y después filtras por dicha clase

NOTA: existe la función getElementsByClassName() pero no es compatible con algunas versiones de IE

[ryugen]

pregunta, puedes identificar cada "tr" y evitas colocar mal ese "div" alli?
Ejemplo:

Código HTML:

<table>
<tr id="div1">
<td>Val 1</td><td>Val2</td><td>Val3</td><td><button onclick="actualizar('div1');" ></button></td>
</tr>
</table>
 

[oscarbt]

Comprendo la teoria, peroo que pena la molestia, tienes algun ejemplo de eso maycolalvarez ?

[oscarbt]

ryugen asi no me funciona, actualizo con ajax y el solo me interpreta divs

La unica seria jquery.........pero no lo tengo bien claro......

[oscarbt]

De esta forma me funciona:

Código Javascript:

function actuadiv(op, idret, camp1,archivo){
            var pac = $("#"+camp1).val();
        $("#"+idret).load(archivo,{opcion:op,pac:pac});    
}
 

Puedo actualizar cualquier cosa que tenga id.....

[ryugen]

1º: No entiendo la restriccion a que sea un div lo que puedes actualizar

2º: No entiendo porque no puedes colocarle un id a los tr

Creo que con eso se solucionaria

[oscarbt]

Lo que pasa es que yo envio los datos con ajax asi:

Código Javascript:

var form = document.getElementById(div);//CAPA DONDE SE ENVIAN DATOS
    var aj=nuevoAjax();
    aj.open("POST", archivo, true);
    aj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    aj.setRequestHeader("Accept-Charset", "UTF-8");
    aj.send(cadena);//DATOS QUE SE ENVIAN
    aj.onreadystatechange=function(){
        if (aj.readyState==4){ 
            form.innerHTML=aj.responseText;
        }
    }
 

Y creo que por el hecho de ser:

form.innerHTML=aj.responseText;

solo tomas las capas

Tienes algun ejemplo para actualizar con ajax y que no sea solo una capa?

[ryugen]

no veo donde tu caso prohibe que utilizes un tr con id

Código Javascript:

var form = document.getElementById(div);//CAPA DONDE SE ENVIAN DATOS
 

Esa linea recupera un elemento del DOM, precisamente aquel que tenga id igual al valor contenido por la variable div. Si esta variable conteniera el id de la tr.

Tu funcion actualizaria el HTML interno de la fila y no necesitarias un div

Saludos

[oscarbt]

Pues le intento y nada,
pero acaso por ser enviado a:

form.innerHTML=aj.responseText;

tambien sirve para <tr> ??