Problema com innerHTML no FF

[Drache Havoc 0]

Estou com um problema ao utilizar innerHTML,

eu tenho uma divi mãe que chamo de addedGrad

nessa divi eu isiro outras divis com os seguintes

comandos:

 

function addGrad(N);
	add	='<div id="'+nextId+'" class="formulario">'+"\n";
	add   +='<p>'+"\n";
	add   +='   <input name="grad_cursolabel'+N+'" type="text" readonly="readonly" class="txt" id="grad_cursolabel'+N+'" />'+"\n";
	add   +='   <input name="grad_curso'+N+'" id="grad_curso'+N+'" type="hidden" />'+"\n";
	add   +='</p>'+"\n";
	add   +=' </div>'+"\n";	

	document.getElementById('addedGrad').innerHTML += add;
}

isto funciona perfeitamente no IE porem no FF quando esta

função é executada os campos dos inputs anteriores são

apagados, fiz alguns testes e percebi que quando os

inputs tem apenas 'value' sem 'name' nem 'id' esse problema

não ocorre.

[Drache Havoc 0]

esse código exemplifica melhor meu problema,

o caso é que no ie funciona beleza mas no ff

se você colaca um valor no primeiro input adicionado

e adiciona outro o valor do primeiro eh 'perdido', por

favor me ajudem, hehe

 

<script type='text/javascript'>
	var i = 0;
	function add(){
		i++;
		document.getElementById('tt').innerHTML += '<input name="in'+i+'" id=="in'+i+'" type="text" value="">';
	}
</script>

<a onclick="add()">Adicionar</a>

<div id="tt">
</div>

[sublyer 0]

Olá Drache Havoc, estou movendo sua questão para o fórum correto.

 

 

Plataforma Java http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript/ DHTML

[Drache Havoc 0]

Ok! obrigado e me desculpe a falha http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Olá Drache Havoc, estou movendo sua questão para o fórum correto.

 

 

Plataforma Java http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript/ DHTML

[Drache Havoc 0]

PUTZ niguém pode me ajudar?

[Rinaldo Meira Lins Neto 0]

PUTZ niguém pode me ajudar?

faz assim :

 

<script type='text/javascript'>

var i = 0;

function add(){

i++;

var novoInput = document.createElement("input");

novoInput.id = 'in'+i;

novoInput.name = 'in'+i;

novoInput.value = '';

novoInput.type = 'text';

 

var div = document.getElementById('tt');

div.appendChild(novoInput);

}

</script>

 

<input name="1" id="1" type="button" onclick="add()"/>

 

<div id="tt">

</div>