Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

yes

innerHTML IE

Recommended Posts

O código:

 

var tabe = "<tr><td width='26'> </td><td width='102'><input name='data"+x+"' type='text' id='data"+x+"' style='font-family: Verdana; font-size: 10px; border: 1px solid #808080; ' size='16' value='"+datavenc+"'></td><td width='103'><input name='valores"+x+"' type='text' id='valores"+x+"' style='font-family: Verdana; font-size: 10px; border: 1px solid #808080; ' size='16' value='"+parcelado+"'></td><td width='1'><div align='center'></div></td><td width='205'><font size='2' face='Verdana'><strong><font color='#000099'>Em aberto</font></strong></font></td></tr>";

	document.getElementById("vadiv").innerHTML += tabe ;
	alert(document.getElementById("vadiv").innerHTML);

 

no FF ele funciona normal e recebe exatamente o que esta na variável tabe, mas no IE ele pega umas coisas muuuuuuito loucas..

 

agradeço a atenção..

Compartilhar este post


Link para o post
Compartilhar em outros sites

mas no IE ele pega umas coisas muuuuuuito loucas..

explique melhor isso.

está usando DOCTYPE ?

 

não vi 'motivo' para coisas estranhas acontecerem.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Okay, essa é a 'informação estranha', e qual era a 'correta'?

 

 

Então declare um DOCTYPE, é o único ponto sensível que vi.

Compartilhar este post


Link para o post
Compartilhar em outros sites

bom, tamo indo na direção certa..

Agora ele aparece, maas, esta todo distorcido e não consigo coloca-lo na ordem correta arrumando os width e height..

 

E no alert, ele ainda aparece o conteudo errado..

Quer um print do alerto no FF?

 

Muito obrigado mesmo pela ajuda!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Agora ele aparece, maas, esta todo distorcido e não consigo coloca-lo na ordem correta arrumando os width e height..

isso é um problema de HTML + CSS, e não de javascript.

veja sobre css reset, e não estruture o layout em <table>s

 

 

E no alert, ele ainda aparece o conteudo errado..

Quer um print do alerto no FF?

sim, ou copie a mensagem do alert no FF, e poste.

Compartilhar este post


Link para o post
Compartilhar em outros sites

imagem3b.jpg

 

Ai amigo, o código que aparece dentro da minha div é exatamente igual ao código programado, e não aquela zona que o IE coloca..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Assim, cara.. não notei grandes diferenças.

 

e o teu problema é HTML/CSS mesmo, e não javascript.

tá um pouco diferente, pq a forma com que eles criam elementos é diferente, porém o DOCTYPE nivela um pouco isso.

 

tecnicamente, isso aqui:

var tabe = "<tr><td width='26'> </td><td width='102'><input name='data"+x+"' type='text' id='data"+x+"' style='font-family: Verdana; font-size: 10px; border: 1px solid #808080; ' size='16' value='"+datavenc+"'></td><td width='103'><input name='valores"+x+"' type='text' id='valores"+x+"' style='font-family: Verdana; font-size: 10px; border: 1px solid #808080; ' size='16' value='"+parcelado+"'></td><td width='1'><div align='center'></div></td><td width='205'><font size='2' face='Verdana'><strong><font color='#000099'>Em aberto</font></strong></font></td></tr>";

já está com um HTML bem porco e incorreto.

<font> não deve ser usado, tem div desnecessária ai dentro.. até onde vi, semânticamente, você não precisa da <table>..

 

Porém não entendi 'qual o grande problema', que você está tendo, para isso te perturbar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.