Campo removivel no formulário

2 participantes

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

Tópico resolvido Campo removivel no formulário

Mensagem por fdl 16.09.11 17:12

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:
https://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
fdl

fdl
Membro

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Campo removivel no formulário

Mensagem por seender 17.09.11 23:18

Olá!

O código a utilizar será este:

<style>input#removeim{
background-image: url(https://2img.net/i/fa/admin/icones/supprimer.png);
background-repeat:no-repeat;
background-color: transparent;
border: 0px;
}
input#add_input{
background-image:url(https://2img.net/i/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=https://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
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo removivel no formulário

Mensagem por fdl 18.09.11 2:15

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:
https://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/
fdl

fdl
Membro

Membro desde : 20/06/2009
Mensagens : 562
Pontos : 867

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos