Ir para conteúdo

POWERED BY:

Arquivado

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

Drache Havoc

Problema com innerHTML no FF

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

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>

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.