Jump to content


Photo

Adiconar Mais Campos


  • Faça o login para participar
3 replies to this topic

#1 Andrezza

Andrezza

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 15/09/2006, 11:41

Olá pessoal!

Preciso adicionar + campos no meu formulário, mas à vontade do usuário, então fiz um script q tá funcionando bem no IE, mas no firefox não...
No Firefox qdo adicona + campos, mas perde valor q já tinha digitado no campo existente. No IE funciona direitinho...

Fiz assim, mas tb não sei se é a maneira correta de fazer isso... ainda tô começando em js
Essa é a função que tô usando

function Mais(local, nomeCampo) {
	x = document.getElementById(local).innerHTML+"<br><input name=\"nome[]\" type=\"text\" id=\""+nomeCampo+"[]\" size=\"30\" value=\"\" />";
	document.getElementById(local).innerHTML = x;
}

e aqui o html

<body>
<p>
  <input type="button" name="Button" value="Adicionar mais campos para homenagens" onclick="Mais('homenagens', 'nome')" />
</p>
<form id="form1" name="form1" method="post" action="">
  <div id="homenagens">
	<input name="nome[]" type="text" id="nome[]" size="30" value="" />
  </div>
  <p>
	<input type="submit" name="Submit" value="Enviar dados" />
  </p>
</form>
</body>

Preciso que funcione no Firefox, como está funcionando no IE, acho q estou fazendo da maneira errada... deve existir outra forma, mas não sei como é... upset.gif

Obrigada desde já a quem ajudar!

#2 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 15/09/2006, 15:10

Estou precisando de algo assim tb e em minhas pesquisas encontrei este aqui: http://www.htmlcodet...e-not-work.html usa tabelas, mas acho que já dá uma luz.

Espero que te ajude!

[]'s

Andreia Regina

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#3 Andrezza

Andrezza

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 15/09/2006, 15:52

Valeu a ajuda Andréia!!

Consegui resolver de vez o problema, com a ajuda que vc me deu!!

O js ficou assim

function Mais(local, nomeCampo) { 
		//cria  campo de texto
	var x = document.createElement('input');

		//cria uma linha, pular pra linha de baixo
	var pula = document.createElement('br');

		//atributos do campo texto
	x.setAttribute('type', 'text');
	x.setAttribute('name', nomeCampo+'[]');
	x.setAttribute('id', nomeCampo+'[]');
	x.setAttribute('size', '30');

		//coloca a linha e o campo texto dentro da div
	document.getElementById(local).appendChild(pula);
	document.getElementById(local).appendChild(x);
}

Assim funcionou no IE e no FF tb. Maravilha! E não apaga o valor dos campos anteriores!!

Valeu!!! :D

#4 Leocarpo

Leocarpo

    12 Horas

  • Usuários
  • 160 posts
  • Sexo:Masculino
  • Localidade:Angola - Luanda
  • Interesses:Programação,
    Padrões web.
    Negócios.

Posted 29/10/2011, 10:52

Ajudou mesmo e muito...
O mundo é feito de teórias, as com maior
impacto é que são válidas,e aplicadas nas nossas vidas.
9033 lab




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq