Javascript funciona no Firefox mas nao funciona no IE

[Campão 0]

E ai galera.. beleza??

 

Estou com um problema e por favor me deem uma luz

Estou criando um formulario de orçamento onde o usuario vai clicar em "adicionar" para adicionar mais campos para ele escrever a quantidade de produtos e a descrição do produto!

 

Bom beleza... ai estava fazendo.. e para manter a ordem que eu estava seguido, criei uma tabela onde nos campos da tabela eu ia inserindo..

 

bom ai criei a função e funcionou certinho!!! porem so no firefox.. tenho o ie 6 e nao funciona.. nao sei pq!!!

 

Alguem tem ideia do que pode estar acontecendo??!?!!

 

para vcs entendenrem melhor entrem no link abaixo e veja na pratica o que estou dizendo

 

Formulario de Orçamento

 

vou colocar a função aqui para vcs entendem melhor

 

desculpe se ela estiver confusa.. é que ja mexi tanto para tentar fazer funcionar no ie

 

 

o formulario

<form id="formContato" name="formContato" method="post" action="teste.php">
	<fieldset>
		<legend>Preencha o formulário abaixo</legend>
			<p>
				<label for="nome">Nome:</label>
				<input type="text" name="nome" id="nome" />
			</p>
			<p>
				<label for="e-mail">E-mail:</label>
				<input type="text" name="e-mail" id="email" />
			</p>
			<p>
				<label for="telefone">Telefone:</label>
				<input type="text" name="telefone" id="telefone" />
			</p>
			<p>Preencha o formulario abaixo:</p>
			<table border="0" id="inserirOrc">
				<tr>
					<td class="linha1" width="80">Quantidade</td>
					<td class="linha1" width="200">Descrição do Produto</td>
					<td width="50"></td>
				</tr>
				<tr>
					<td><input type="text" name="q" id="q" class="qtd" /></td>
					<td><input type="text" name="p" id="p" class="prod"/></td>
					<td></td>
				</tr>
			</table>
			<p><a href="java script:inserir();">Inserir mais produtos</a></p>
			<p>
				<input name="enviar" type="button" value="Enviar" id="enviar" onclick="verificar(this)" />			
			</p>
	</fieldset>
</form>

e o codigo javascript

function inserir()
{

	var varTable = document.getElementById("inserirOrc");
	
	var varTr = document.createElement("tr");
	varTr.setAttribute('id', 'tr'+contagem); 
	varTable.appendChild(varTr);
	
	var varTd1 = document.createElement("td");
	varTd1.setAttribute('id', 'td1'+contagem); 

	var varTd2 = document.createElement("td");
	varTd2.setAttribute('id', 'td2'+contagem); 

	var varTd3 = document.createElement("td");
	varTd3.setAttribute('id', 'td3'+contagem); 

	varTr.appendChild(varTd1);
	varTr.appendChild(varTd2);
	varTr.appendChild(varTd3);

	var varInput1 = document.createElement("input");
	varInput1.setAttribute('type', 'text');  
	varInput1.setAttribute('name', 'q'+contagem);  
	varInput1.setAttribute('id', 'q'+contagem);  
	varInput1.setAttribute('class', 'qtd');  
	
	var varInput2 = document.createElement("input");
	varInput2.setAttribute('type', 'text');  
	varInput2.setAttribute('name', 'p'+contagem);  
	varInput2.setAttribute('id', 'p'+contagem);  
	varInput2.setAttribute('class', 'prod');  
	
	var txtRemover = document.createTextNode('Remover');
	
	var varA = document.createElement("a");
	varA.setAttribute('href', 'java script:remover('+contagem+');');
	varA.setAttribute('id', 'cod'+contagem);
	varA.appendChild(txtRemover);
	
	varTd1.appendChild(varInput1);
	varTd2.appendChild(varInput2);
	varTd3.appendChild(varA);
	
	contagem +=1;
}

 

bom.. abradeço a força.. valew

[klonder 14]

Realmente essa maneira de criar campos não funciona nem no IE7 ou 6.

 

Para isso, você deverá imprimir a string já pronta, como é feito no código a seguir:

 

http://forum.imasters.com.br/index.php?showtopic=325267