1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

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

Discussão em 'Web Development' iniciada por Cisivalf, 28 de Fevereiro de 2009. (Respostas: 9; Visualizações: 1343)

  1. Cisivalf

    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!
     
  2. slack_guy

    slack_guy Power Member

    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 != '')
     
  3. K0mA

    K0mA Power Member

    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>
    
    
    
     
  4. Cisivalf

    Cisivalf Power Member

    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!
     
  5. K0mA

    K0mA Power Member

    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:

    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
     
  6. Huckleberry

    Huckleberry Power Member

    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>");
    }
    
     
  7. Cisivalf

    Cisivalf Power Member

    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"!
     
  8. Cisivalf

    Cisivalf Power Member

    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!
     
  9. Huckleberry

    Huckleberry Power Member

    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
     
  10. Cisivalf

    Cisivalf Power Member

    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!
     

Partilhar esta Página