Campo removivel no formulário

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Campo removivel no formulário

Mensagem por fdl em 16/09/11, 01:12 pm

Qual é minha questão:
eu gostaria de dois campos no meu formulário de postagem,como nesse exemplo:
http://jsfiddle.net/WfYu8/

Ao clicar no + Adicionar campo,no X Remover o campo

aí depois que enviasse o formulário aparecesse os que foram preenchidos

Medidas que eu tomei para corrigir o problema:
Eu tentei extrair esse código do gerador de formularios fdf do campo adicionar campos:
http://ajuda.forumeiros.com/h7-gerador-de-formularios

Imagens do meu problema:
http://jsfiddle.net/WfYu8/

Endereço do meu fórum:
we9br.ace.st

Versão do meu fórum:
PHPBB2
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Campo removivel no formulário

Mensagem por seender em 17/09/11, 07:18 pm

Olá!

O código a utilizar será este:

<style>input#removeim{
background-image: url(http://illiweb.com/fa/admin/icones/supprimer.png);
background-repeat:no-repeat;
background-color: transparent;
border: 0px;
}
input#add_input{
background-image:url(http://illiweb.com/fa/admin/icones/ajouter.png);
background-repeat:no-repeat;
background-color: transparent;
border: 0px;
}</style> <script>
var input = 0;
var iCamposTotal = 3;


function mais(imagem) {
if (input <= iCamposTotal){
var nova = document.getElementById("aqui");
var novadiv = document.createElement("div");
var nomediv = "div";
novadiv.innerHTML = "Imagem "+input+" <img src=http://im0.all-up.com/i/img/puce_fleche.png> <input type='text' name='imagem"+input+"' value='' id='imagem"+input+"' />";
nova.appendChild(novadiv);

input++;
}
}

function function1() {
aqui.removeChild(aqui.lastChild);
input--;
}
</script>
<input type="text" name="campo" value="" id="campo" />
<input type="button" value=" " onClick="mais(campo.value)" id="add_input" />
<input type="button" id="removeim" onClick="function1(); " value=" ">
</p>
<div id="aqui"></div>
O local de vermelho é a quantidade máxima de campos.

Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Campo removivel no formulário

Mensagem por fdl em 17/09/11, 10:15 pm

Não tem como deixar um botão de excluir do lado de cada imagem adicionada? e um campo para descrição para a mesma?
similar a esse campo do gerador fdf:
http://ajuda.forumeiros.com/h7-gerador-de-formularios (porém esse é menu suspenso,eu só preciso de campos dois campos de texto,1 para Link e 1 Para descrição).
Parecido com isso:
http://fiddle.jshell.net/WfYu8/1/show/
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum