4 replies to this topic

[Peri]

E ai belezinha?
Bom o meu problema eh o seguinte (resumidamente)
Atraves de DOM adiciono e removo linhas, tablas , tabelas dentro de tables e etc...
Mas estou tendo um problema, utilizo:

var table = document.createElement('TABLE');
table.setAttribute('id','teste');
table.setAttribute('width','100%');
table.setAttribute('border','0');
table.setAttribute('cellspacing','0');
table.setAttribute('cellpadding','0');

em uma outra funcao onde eu adicionaria linhas nesta tabela surgiu o problema (dizendo que nesta linha nao estava definido)em :

document.getElementById('teste').tBodies[0].appendChild(tr);

mandando imprimir na tela document.getElementById('teste').tBodies[0] esta dando como indefinido,é como se ele nao estivesse setando o id , mas o estranho que as outras propriedades esta fazendo normalmente exceto o border, se eu colocar border 10 ou 0 fica na mesma.
Devido eu criar tabelas dinamicamente eh importantissimo eu identifica-las pelo id , mas como veem eh como se nao setasse
Alguem ja passou por problema parecido?
falow
[]s

[Klaus]

IE? Tente usar tabela.id = "um-id".

[Peri]

Entao klaus , este problema eh no ie e no firefox , ja tentei tb essa possibilidade e associar o id , mas deu o mesmo problema.
Sera que o problema eh usar document.getElementById('teste').tBodies[0].appendChild(); para uma tabela que foi inseria dinamicamente?

[marrentao]

eai Peri,

tem um problema.. vc só consegue acessar um objeto criado dinamicamente pelo id, depois de dar um appendChild no document..

nesse teu caso se vc tiver dentro da função que criou a table vc pode usar a variavel mesmo.. dessa forma:

table.tBodies[0].appendChild(tr);

ou entao passa por parametro..

valeu!!!

[DaNi-eL]

Tem alguns erros ai

ID não precisa ser setado via atributo

table.setAttribute('id','teste'); = table.id='teste';

para funcionar no Opera, Firefox e IError opz IE
ao invés disso ...

table.setAttribute('width','100%');
table.setAttribute('border','0');
table.setAttribute('cellspacing','0');
table.setAttribute('cellpadding','0');

usa assim

table.className ='off';
table.onfocus = function(){
table.className="on";
}
table.style.width='100%';

....

Abraços