Criar formulário e funcionar como gerador de códigos!

C

Cisivalf

Power Member
Olá bom dia!

Pretendo construir um gerador de código, meio amador, pois se fosse a utilizar os que frequentemente vemos em sites profissionais, não conseguiria mexer uma palha!
Pois nem sei como fazer!

Então decidi optar apenas por JavaScript e HTML.
Como funciona, eu crio um formulário, com um botão, de enviar, quando preenchemos o formulário, depois de carregar em enviar, na mesma página é exibida a resposta!

Qual o problema?! é que somente consigo fazer isso para formulários tipo de escolha. Quando tento criar do tipo texto, para resposta aberta, não funciona!

Vou dar o exemplo, do que já tenho:

Código: 
<html>
<head>

<script language='javascript'>

function choisir()
{

if(form.voiture1.checked==true)
{v1=form.voiture1.value+"<br>";}
else if(form.voiture1.checked==false)
{v1="";}

if(form.voiture2.checked==true)
{v2=form.voiture2.value+"<br>";}
else if(form.voiture2.checked==false)
{v2="";}

if(form.voiture3.checked==true)
{v3=form.voiture3.value+"<br>";}
else if(form.voiture3.checked==false)
{v3="";}

if(form.voiture4.checked==true)
{v4=form.voiture4.value+"<br>";}
else if(form.voiture4.checked==false)
{v4="";}

if(form.voiture5.checked==true)
{v5=form.voiture5.value+"<br>";}
else if(form.voiture5.checked==false)
{v5="";}

if(form.voiture6.checked==true)
{v6=form.voiture6.value+"<br>";}
else if(form.voiture6.checked==false)
{v6="";}

if(form.voiture7.checked==true)
{v7=form.voiture7.value+"<br>";}
else if(form.voiture7.checked==false)
{v7="";}

reponseTotal=(v1+v2+v3+v4+v5+v6+v7);

if(reponseTotal=="")
{reponseTotal="Sem resposta <br>";}

obj=document.getElementById('ici');
obj.innerHTML="A tua escolha :<br>"+reponseTotal;


}


</script>


<script language='javascript'>

function choisir2()
{

if(form2.voiture12.checked==true)
{v12=form2.voiture12.value+"<br>";}
else if(form2.voiture12.checked==false)
{v12="";}

if(form2.voiture22.checked==true)
{v22=form2.voiture22.value+"<br>";}
else if(form2.voiture22.checked==false)
{v22="";}

if(form2.voiture32.checked==true)
{v32=form2.voiture32.value+"<br>";}
else if(form2.voiture32.checked==false)
{v32="";}

if(form2.voiture42.checked==true)
{v42=form2.voiture42.value+"<br>";}
else if(form2.voiture42.checked==false)
{v42="";}

if(form2.voiture52.checked==true)
{v52=form2.voiture52.value+"<br>";}
else if(form2.voiture52.checked==false)
{v52="";}

if(form2.voiture62.checked==true)
{v62=form2.voiture62.value+"<br>";}
else if(form2.voiture62.checked==false)
{v62="";}

if(form2.voiture72.checked==true)
{v72=form2.voiture72.value+"<br>";}
else if(form2.voiture72.checked==false)
{v72="";}

reponseTotal=(v12+v22+v32+v42+v52+v62+v72);

if(reponseTotal=="")
{reponseTotal="Sem resposta <br>";}

obj=document.getElementById('ici2');
obj.innerHTML="A tua escolha :<br>"+reponseTotal;


}


</script>


<script language='javascript'>

function choisir3()
{

if(form3.voiture13.checked==true)
{v13=form3.voiture13.value+"<br>";}
else if(form3.voiture13.checked==false)
{v13="";}

if(form3.voiture23.checked==true)
{v23=form3.voiture23.value+"<br>";}
else if(form3.voiture23.checked==false)
{v23="";}

if(form3.voiture33.checked==true)
{v33=form3.voiture33.value+"<br>";}
else if(form3.voiture33.checked==false)
{v33="";}

if(form3.voiture43.checked==true)
{v43=form3.voiture43.value+"<br>";}
else if(form3.voiture43.checked==false)
{v43="";}

if(form3.voiture53.checked==true)
{v53=form3.voiture53.value+"<br>";}
else if(form3.voiture53.checked==false)
{v53="";}

if(form3.voiture63.checked==true)
{v63=form3.voiture63.value+"<br>";}
else if(form3.voiture63.checked==false)
{v63="";}

if(form3.voiture73.checked==true)
{v73=form3.voiture73.value+"<br>";}
else if(form3.voiture73.checked==false)
{v73="";}

reponseTotal=(v13+v23+v33+v43+v53+v63+v73);

if(reponseTotal=="")
{reponseTotal="Sem resposta <br>";}

obj=document.getElementById('ici3');
obj.innerHTML="A tua escolha :<br>"+reponseTotal;


}


</script>




</head>
<body>

<div style='width:400px;height:250px;border:solid red 1px;padding:5px;background-color:yellow;float:left;'>

<form name="form">
<b>Questão 1:</b>

<br><input type='checkbox' name='voiture1' value="Alpha Roméo"> Alpha Roméo
<br><input type='checkbox' name='voiture2' value="Audi"> Audi
<br><input type='checkbox' name='voiture3' value="Citroen"> Citroen
<br><input type='checkbox' name='voiture4' value="Ford"> Ford
<br><input type='checkbox' name='voiture5' value="Honda"> Honda
<br><input type='checkbox' name='voiture6' value="Jaguar"> Jaguar
<br><input type='checkbox' name='voiture7' value="Renault"> Renault


<br><input type='button' value='Enviar resposta' onClick='choisir();'>
</form>

<form name="form2">
<b>Questão 2:</b>

<br><input type='checkbox' name='voiture12' value="Alpha Roméo"> Alpha Roméo
<br><input type='checkbox' name='voiture22' value="Audi"> Audi
<br><input type='checkbox' name='voiture32' value="Citroen"> Citroen
<br><input type='checkbox' name='voiture42' value="Ford"> Ford
<br><input type='checkbox' name='voiture52' value="Honda"> Honda
<br><input type='checkbox' name='voiture62' value="Jaguar"> Jaguar
<br><input type='checkbox' name='voiture72' value="Renault"> Renault


<br><input type='button' value='Enviar resposta' onClick='choisir2();'>
</form>


<form name="form3">
<b>Questão 3:</b>

<br><input type="text" size="50" name='voiture13'>
<br><input type="text" size="50" name='voiture23'>
<br><input type="text" size="50" name='voiture33'>
<br><input type="text" size="50" name='voiture43'>
<br><input type="text" size="50" name='voiture53'>
<br><input type="text" size="50" name='voiture63'>
<br><input type="text" size="50" name='voiture73'>


<br><input type='button' value='Enviar resposta' onClick='choisir3();'>
</form>


</div>


<div style='width:400px;height:250px;border:solid red 1px;padding:5px;background-color:pink;float:left;'>


<span id='ici'></span>

<span id='ici2'></span>

<span id='ici3'></span>



</div>

<div style='clear:left;'></div>

</html>
Se repararem, o terceiro formulário, é de resposta aberta, mas algo deve estar mal, pois sempre que se dá uma resposta, ele não a aceita, pois respnde como se não fosse respondido!

Será que conseguem descobrir o erro?!
Fico muito grato pela vossa atenção!

Não é para obter simpatia de ninguém, mas vocês são excelentes!
Abraços!
 
Assim à primeira vista diria que na função choisir3() estás a apanhar o valor do campo de texto de forma errada.

Onde está
Código: 
if (form3.voiture23.checked == true)
deveria estar:
Código: 
if (form3.voiture23.value != '')
 
Seguindo o conselho que te deram acima e eliminando o que estava a mais:

Código: 
<html>
<head>

<script language='javascript'>

function choisir()
{

if(form.voiture1.checked==true)
{v1=form.voiture1.value+"<br>";}
else if(form.voiture1.checked==false)
{v1="";}

if(form.voiture2.checked==true)
{v2=form.voiture2.value+"<br>";}
else if(form.voiture2.checked==false)
{v2="";}

if(form.voiture3.checked==true)
{v3=form.voiture3.value+"<br>";}
else if(form.voiture3.checked==false)
{v3="";}

if(form.voiture4.checked==true)
{v4=form.voiture4.value+"<br>";}
else if(form.voiture4.checked==false)
{v4="";}

if(form.voiture5.checked==true)
{v5=form.voiture5.value+"<br>";}
else if(form.voiture5.checked==false)
{v5="";}

if(form.voiture6.checked==true)
{v6=form.voiture6.value+"<br>";}
else if(form.voiture6.checked==false)
{v6="";}

if(form.voiture7.checked==true)
{v7=form.voiture7.value+"<br>";}
else if(form.voiture7.checked==false)
{v7="";}

reponseTotal=(v1+v2+v3+v4+v5+v6+v7);

if(reponseTotal=="")
{reponseTotal="Sem resposta <br>";}

obj=document.getElementById('ici');
obj.innerHTML="A tua escolha :<br>"+reponseTotal;


}


</script>


<script language='javascript'>

function choisir2()
{

if(form2.voiture12.checked==true)
{v12=form2.voiture12.value+"<br>";}
else if(form2.voiture12.checked==false)
{v12="";}

if(form2.voiture22.checked==true)
{v22=form2.voiture22.value+"<br>";}
else if(form2.voiture22.checked==false)
{v22="";}

if(form2.voiture32.checked==true)
{v32=form2.voiture32.value+"<br>";}
else if(form2.voiture32.checked==false)
{v32="";}

if(form2.voiture42.checked==true)
{v42=form2.voiture42.value+"<br>";}
else if(form2.voiture42.checked==false)
{v42="";}

if(form2.voiture52.checked==true)
{v52=form2.voiture52.value+"<br>";}
else if(form2.voiture52.checked==false)
{v52="";}

if(form2.voiture62.checked==true)
{v62=form2.voiture62.value+"<br>";}
else if(form2.voiture62.checked==false)
{v62="";}

if(form2.voiture72.checked==true)
{v72=form2.voiture72.value+"<br>";}
else if(form2.voiture72.checked==false)
{v72="";}

reponseTotal=(v12+v22+v32+v42+v52+v62+v72);

if(reponseTotal=="")
{reponseTotal="Sem resposta <br>";}

obj=document.getElementById('ici2');
obj.innerHTML="A tua escolha :<br>"+reponseTotal;


}


</script>


<script language='javascript'>

[COLOR=DarkOrange]function choisir3()
{

if(form3.voiture13.value !='')
{v13=form3.voiture13.value+"<br>";}
else
{v13="";}

if(form3.voiture23.value !='')
{v23=form3.voiture23.value+"<br>";}
else 
{v23="";}

if(form3.voiture33.value !='')
{v33=form3.voiture33.value+"<br>";}
else 
{v33="";}

if(form3.voiture43.value !='')
{v43=form3.voiture43.value+"<br>";}
else if(form3.voiture43.checked==false)
{v43="";}

if(form3.voiture53.value !='')
{v53=form3.voiture53.value+"<br>";}
else 
{v53="";}

if(form3.voiture63.value !='')
{v63=form3.voiture63.value+"<br>";}
else
{v63="";}

if(form3.voiture73.value !='')
{v73=form3.voiture73.value+"<br>";}
{v73="";}

reponseTotal=(v13+v23+v33+v43+v53+v63+v73);

if(reponseTotal=="")
{reponseTotal="Sem resposta <br>";}

obj=document.getElementById('ici3');
obj.innerHTML="A tua escolha :<br>"+reponseTotal;


}[/COLOR]            


</script>




</head>
<body>

<div style='width:400px;height:250px;border:solid red 1px;padding:5px;background-color:yellow;float:left;'>

<form name="form">
<b>Questão 1:</b>

<br><input type='checkbox' name='voiture1' value="Alpha Roméo"> Alpha Roméo
<br><input type='checkbox' name='voiture2' value="Audi"> Audi
<br><input type='checkbox' name='voiture3' value="Citroen"> Citroen
<br><input type='checkbox' name='voiture4' value="Ford"> Ford
<br><input type='checkbox' name='voiture5' value="Honda"> Honda
<br><input type='checkbox' name='voiture6' value="Jaguar"> Jaguar
<br><input type='checkbox' name='voiture7' value="Renault"> Renault


<br><input type='button' value='Enviar resposta' onClick='choisir();'>
</form>

<form name="form2">
<b>Questão 2:</b>

<br><input type='checkbox' name='voiture12' value="Alpha Roméo"> Alpha Roméo
<br><input type='checkbox' name='voiture22' value="Audi"> Audi
<br><input type='checkbox' name='voiture32' value="Citroen"> Citroen
<br><input type='checkbox' name='voiture42' value="Ford"> Ford
<br><input type='checkbox' name='voiture52' value="Honda"> Honda
<br><input type='checkbox' name='voiture62' value="Jaguar"> Jaguar
<br><input type='checkbox' name='voiture72' value="Renault"> Renault


<br><input type='button' value='Enviar resposta' onClick='choisir2();'>
</form>


<form name="form3">
<b>Questão 3:</b>

<br><input type="text" size="50" name='voiture13'>
<br><input type="text" size="50" name='voiture23'>
<br><input type="text" size="50" name='voiture33'>
<br><input type="text" size="50" name='voiture43'>
<br><input type="text" size="50" name='voiture53'>
<br><input type="text" size="50" name='voiture63'>
<br><input type="text" size="50" name='voiture73'>


<br><input type='button' value='Enviar resposta' onClick='choisir3();'>
</form>


</div>


<div style='width:400px;height:250px;border:solid red 1px;padding:5px;background-color:pink;float:left;'>


<span id='ici'></span>

<span id='ici2'></span>

<span id='ici3'></span>



</div>

<div style='clear:left;'></div>

</html>
 
Vocês são demais! Obrigado mesmo!

Perdão, se estiver a abusar, mas como viram no formulário 3, existe 7 caixas de texto!
Não daria para encontrar uma forma de ser o utilizador a definir se pretendia adicionar mais áreas?!
Neste momento tem 7, mas suponhamos se o utilizador precisasse de 8, não forma de ele poder adicionar, este procedimento é comum, quando fazemos upload's de multi ficheiros.

É que fica um pouco confuso o formulário, se adicionasse várias caixas de texto!


slack_guy, K0mA, agradeço imenso a vossa preciosa ajuda, muito obrigado pela vossa atenção!
Bom fim-de-semana!
 
Dar dá, só que terias de refazer a função choisir3 toda de novo.
Pois quando adicionas um campo de texto voiture3x precisavas de ter em choisir3() algo como isto:

if(form3.voiture3x.value !='')
{
v23=form3.voiture3x.value+"<br>";
}
else
{
v23="";
}
Clicar para expandir...
Ou seja terias que refazer choisir3() de modo a que consiga lidar com um número qualquer de botões.
Algo como:

Código: 
Para qualquer campo no form3 {
        se (tem texto) {
              vx3 = texto
       }
       caso contrário {
             vx3=""
       }
}

DICAS:
usa o ciclo for para percorrer todos os campos do formulário.
usa este exemplo para adicionar campos
 
Para percorreres todos os campos do formulário podes fazer. por ex., desta maneira:


Código: 
function choisir3(){
  var elems = form3.elements, reponseTotal="";

  for (var i=0, count=elems.length;i<count;i++){
    var el=elems[i];
    if (el.type=="text" && el.value){
      reponseTotal+=el.value+"; ";
    }
  }

  obj=document.getElementById('ici3');
  obj.innerHTML="A tua escolha :<br>"+((reponseTotal!="")?reponseTotal:"Sem resposta <br>");
}
 
O problema é juntar a duas respostas! :D
De modo a que o utilizador, insira por ele, um novo campo!

Mas acho melhor não ir por esse lado! Pois assim, também irá ocupar o vosso tempo!

A minha ideia é que se pudesse colocar várias linhas!
Só que ao fazer isso, depois a enviar a resposta, elas ficam na mesma linha, apenas separadas por um espaço! Por isso é que coloquei em causa a criação de vários campos de texto, pois só assim é que as resposta ficavam uma em cada linha!

Por exemplo, numa textarea, é possível adicionar elementos em várias linhas, bastando dar Enter:
Resposta1
Resposta2
etc

Mas ao enviar, a leitura da resposta faz-se:
Resposta1 Resposta2 etc

Se houvesse forma de a leitura da resposta ficar uma em cada linha, acho que seria mais fácil para mim, para perceber o funcionamento!

Agradeço de novo! E desculpem pela "maçada"!
 
Olá, boa noite!

Desculpem estar a reactivar o tópico, mas a questão que tenho a colocar é enquadrada com o assunto!
Se me puderem ajudar é claro!

Lembra-se da minha primeira mensagem, do formulário, que depois da escolha, o valor dessa escolha, aparecia mais em baixo. Só que neste caso, pretendia construir um formulário que fosse do tipo "radio" ou "lista". bem, o que pretendia, era que o utilizador escolhesse apenas uma opção, sendo que ao escolher a segunda, automaticamente desmarcava a primeira escolha.

Vou por o exemplo de código:
Código: 
<html>
<head>

<script language='javascript'>

function choisir()
{

if(form.voiture1.checked==true)
{v1=form.voiture1.value+"<br>";}
else if(form.voiture1.checked==false)
{v1="";}

if(form.voiture2.checked==true)
{v2=form.voiture2.value+"<br>";}
else if(form.voiture2.checked==false)
{v2="";}

if(form.voiture3.checked==true)
{v3=form.voiture3.value+"<br>";}
else if(form.voiture3.checked==false)
{v3="";}

if(form.voiture4.checked==true)
{v4=form.voiture4.value+"<br>";}
else if(form.voiture4.checked==false)
{v4="";}

if(form.voiture5.checked==true)
{v5=form.voiture5.value+"<br>";}
else if(form.voiture5.checked==false)
{v5="";}

if(form.voiture6.checked==true)
{v6=form.voiture6.value+"<br>";}
else if(form.voiture6.checked==false)
{v6="";}

if(form.voiture7.checked==true)
{v7=form.voiture7.value+"<br>";}
else if(form.voiture7.checked==false)
{v7="";}

reponseTotal=(v1+v2+v3+v4+v5+v6+v7);

if(reponseTotal=="")
{reponseTotal="Sem resposta <br>";}

obj=document.getElementById('ici');
obj.innerHTML="A tua escolha :<br>"+reponseTotal;

}
</script>

</head>
<body>

<form name="form">
<b>Questão 1:</b>

<br><input type='checkbox' name='voiture1' value="Alpha Roméo"> Alpha Roméo
<br><input type='checkbox' name='voiture2' value="Audi"> Audi
<br><input type='checkbox' name='voiture3' value="Citroen"> Citroen
<br><input type='checkbox' name='voiture4' value="Ford"> Ford
<br><input type='checkbox' name='voiture5' value="Honda"> Honda
<br><input type='checkbox' name='voiture6' value="Jaguar"> Jaguar
<br><input type='checkbox' name='voiture7' value="Renault"> Renault


<br><input type='button' value='Enviar resposta' onClick='choisir();'>
</form>

<span id='ici'></span>


</html>
Como podem ver neste código, a escolha é ilimitada, podendo escolher todas as opções!
Como poderia fazer, para que fosse de apenas uma do tipo rádio/lista.
Sei que basta trocar no formulário checkbox por radio por exemplo, mas o problema é depois no script... espalho-me por completo!

Obrigado mais uma vez!
 
Cisivalf disse:
Olá, boa noite!

Desculpem estar a reactivar o tópico, mas a questão que tenho a colocar é enquadrada com o assunto!
Se me puderem ajudar é claro!

Lembra-se da minha primeira mensagem, do formulário, que depois da escolha, o valor dessa escolha, aparecia mais em baixo. Só que neste caso, pretendia construir um formulário que fosse do tipo "radio" ou "lista". bem, o que pretendia, era que o utilizador escolhesse apenas uma opção, sendo que ao escolher a segunda, automaticamente desmarcava a primeira escolha.

Vou por o exemplo de código:
Código: 
<html>
<head>

<script language='javascript'>

function choisir()
{

if(form.voiture1.checked==true)
{v1=form.voiture1.value+"<br>";}
else if(form.voiture1.checked==false)
{v1="";}

if(form.voiture2.checked==true)
{v2=form.voiture2.value+"<br>";}
else if(form.voiture2.checked==false)
{v2="";}

if(form.voiture3.checked==true)
{v3=form.voiture3.value+"<br>";}
else if(form.voiture3.checked==false)
{v3="";}

if(form.voiture4.checked==true)
{v4=form.voiture4.value+"<br>";}
else if(form.voiture4.checked==false)
{v4="";}

if(form.voiture5.checked==true)
{v5=form.voiture5.value+"<br>";}
else if(form.voiture5.checked==false)
{v5="";}

if(form.voiture6.checked==true)
{v6=form.voiture6.value+"<br>";}
else if(form.voiture6.checked==false)
{v6="";}

if(form.voiture7.checked==true)
{v7=form.voiture7.value+"<br>";}
else if(form.voiture7.checked==false)
{v7="";}

reponseTotal=(v1+v2+v3+v4+v5+v6+v7);

if(reponseTotal=="")
{reponseTotal="Sem resposta <br>";}

obj=document.getElementById('ici');
obj.innerHTML="A tua escolha :<br>"+reponseTotal;

}
</script>

</head>
<body>

<form name="form">
<b>Questão 1:</b>

<br><input type='checkbox' name='voiture1' value="Alpha Roméo"> Alpha Roméo
<br><input type='checkbox' name='voiture2' value="Audi"> Audi
<br><input type='checkbox' name='voiture3' value="Citroen"> Citroen
<br><input type='checkbox' name='voiture4' value="Ford"> Ford
<br><input type='checkbox' name='voiture5' value="Honda"> Honda
<br><input type='checkbox' name='voiture6' value="Jaguar"> Jaguar
<br><input type='checkbox' name='voiture7' value="Renault"> Renault


<br><input type='button' value='Enviar resposta' onClick='choisir();'>
</form>

<span id='ici'></span>


</html>
Como podem ver neste código, a escolha é ilimitada, podendo escolher todas as opções!
Como poderia fazer, para que fosse de apenas uma do tipo rádio/lista.
Sei que basta trocar no formulário checkbox por radio por exemplo, mas o problema é depois no script... espalho-me por completo!

Obrigado mais uma vez!
Clicar para expandir...

Se só pretendes que o utilizador seleccione uma opção, o melhor é criares radiobuttons, tens é dar o mesmo name em todas as opções, por ex:


Código: 
<br><input type='radio' name='GroupVoiture' value="Alpha Roméo"> Alpha Roméo
<br><input type='radio' name='GroupVoiture' value="Audi"> Audi
<br><input type='radio' name='GroupVoiture' value="Citroen"> Citroen
<br><input type='radio' name='GroupVoiture' value="Ford"> Ford
<br><input type='radio' name='GroupVoiture' value="Honda"> Honda
<br><input type='radio' name='GroupVoiture' value="Jaguar"> Jaguar
<br><input type='radio' name='GroupVoiture' value="Renault"> Renault
Também podes emular as checkboxes como radiobuttons, terás é de usar javascript, mas mais uma vez se deres o mesmo name a todos, torna-se fácil

Código: 
<br><input type='checkbox' name='voiture' value="Alpha Roméo" onclick="EmulateRadioButton(this.name, this.value);"> Alpha Roméo
<br><input type='checkbox' name='voiture' value="Audi" onclick="EmulateRadioButton(this.name, this.value);"> Audi
<br><input type='checkbox' name='voiture' value="Citroen" onclick="EmulateRadioButton(this.name, this.value);"> Citroen
<br><input type='checkbox' name='voiture' value="Ford" onclick="EmulateRadioButton(this.name, this.value);"> Ford
<br><input type='checkbox' name='voiture' value="Honda" onclick="EmulateRadioButton(this.name, this.value);"> Honda
<br><input type='checkbox' name='voiture' value="Jaguar" onclick="EmulateRadioButton(this.name, this.value);"> Jaguar
<br><input type='checkbox' name='voiture' value="Renault" onclick="EmulateRadioButton(this.name, this.value);"> Renault
E a função javascript:

Código: 
function EmulateRadioButton(name, selected){
  var elems=document.getElementsByName(name);
  for (var i=0, num_elems=elems.length;i<num_elems;i++){
    if(elems[i].type=="checkbox"){
      elems[i].checked=(elems[i].value==selected);
    }
  }
}
Mas no teu caso o mais correcto será usares radiobuttons
 
Obrigado Huckleberry!
Bem, não utilizei na integra o que indicou, mas ajudou imenso para o que eu pretendia! Muito obrigado mais uma vez!


Como vocês têm me ajudado tanto, eu insisti em vir aqui pedir a vossa ajuda!
Será que me conseguiriam corrigir este código:

Código: 
<html>
<head>
<script language="javascript">
var arrInput = new Array(0);
  var arrInputValue = new Array(0);

function addInput() {
  arrInput.push(arrInput.length);
  arrInputValue.push("");
  display();
}

function display() {
  document.getElementById('parah').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('parah').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
    if (intI == 14) {
        break;
        }
  }
}

function saveValue(intId,strValue) {
  arrInputValue[intId]=strValue;
}  

function createInput(id,value) {
  return "<input type='text' name='campou"+ id +"' onChange='javascript:saveValue("+ id +",this.value)' value='"+ value +"'><br>";
}

function deleteInput() {
  if (arrInput.length > 0) { 
     arrInput.pop(); 
     arrInputValue.pop();
  }
  display(); 
}

</script>

<script language='javascript'>
function escolha()
{
if(form.campou0.value != '')
{v1=form.campou0.value;}
else
{v1="";}

if(form.campou1.value != '')
{v2=form.campou1.value;}
else 
{v2="";}

if(form.campou2.value != '')
{v3=form.campou2.value;}
else 
{v3="";}

if(form.campou3.value != '')
{v4=form.campou3.value;}
else 
{v4="";}

if(form.campou4.value != '')
{v5=form.campou4.value;}
else 
{v5="";}

if(form.campou5.value != '')
{v6=form.campou5.value;}
else 
{v6="";}

if(form.campou6.value != '')
{v7=form.campou6.value;}
else 
{v7="";}

if(form.campou7.value != '')
{v8=form.campou7.value;}
else 
{v8="";}

if(form.campou8.value != '')
{v9=form.campou8.value;}
else 
{v9="";}

if(form.campou9.value != '')
{v10=form.campou9.value;}
else 
{v10="";}

if(form.campou10.value != '')
{v11=form.campou10.value;}
else 
{v11="";}

if(form.campou11.value != '')
{v12=form.campou11.value;}
else 
{v12="";}

if(form.campou12.value != '')
{v13=form.campou12.value;}
else 
{v13="";}

if(form.campou13.value != '')
{v14=form.campou13.value;}
else 
{v14="";}

if(form.campou14.value != '')
{v15=form.campou14.value;}
else 
{v15="";}

reponseTotal=(v1+v2+v3+v4+v5+v6+v7+v8+v9+v10+v11+v12+v13+v14+v15);
if(reponseTotal=="")
{reponseTotal="<code><font color=red><b>Erro</b></font></code>";}
obj=document.getElementById('ici');
obj.innerHTML=+v1+"<br>"+v2+"<br>"+v3+"<br>"+v4+"<br>"+v5+"<br>"+v6+"<br>"+v7+"<br>"+v8+"<br>"+v9+"<br>"+v10+"<br>"+v11+"<br>"+v12+"<br>"+v13+"<br>"+v14+"<br>"+v15+"<br>";
}
</script>

<script type="text/javascript" src="http://javascript.internet.com/forms/addHTMLControls.js"></script>


</head>
<body>

<form name="form">

<a href="javascript:addInput()">Adicionar novas imagens</a><br>
<a href="javascript:deleteInput()">Remover imagens</a>
<p id="parah">Para adicionar imagens, terás de criar campos!</p>

<input type='button' value='Adicionar' onClick='escolha();'>
</form>
<span id="ici"></span>

</body>
</html>
O efeito que ele provoca, é:
- carregar no link, para adicionar novos input do tipo texto, depois de preencher, carregar em adicionar resultado;
- só que neste momento, para obter sucesso, o utilizador terá de adicionar todos os input, que são 15;

Ora, não é esse o objectivo, o que pretendia é que o utilizador adicionasse o número de input que pretendesse, mas neste momento se o fizer, não dá. Por exemplo, se adicionar 5, preencher, quando for a enviar, não dá resultado!
para que dê resultado, tem de adicionar os 15.

Será que conseguem corrigir?!
Obrigado mais uma vez pela vossa atenção!
 
Inicie sessão ou registe-se para poder participar.
Back
Topo