incluir campos em formulario sem modifica-lo

[Guest --pablo --]

oi

tenho um formulario a ser preenchido pelo usuario, e nesse campos(nome, sexo, escolaridade, e-mail), para que o usuario preencha com os dados de sua familia, porem se ele tiver mais de uma pessoa na sua familia, ele devera clicar em um botao ou link ou radio e ao clicar incluir oustros campos (nome, sexo, escolaridade, e-mail) para o preenchimento com o mesmo botao, para no cado de ele querer adicionar mais pessoas...

não estou conseguindo fazer essa funcao de incluir os campos(nome, sexo, escolaridade, e-mail) com o botao...

alguém saberia me ajudar?

[JuanHBiscaia]

o que você quer seria isso?

java script:

<script language="JavaScript">
function mostra(rBtnValor){
     div = document.getElementById('teste');
     if(rBtnValor == '1')
     {
            div.style.display = 'block';  
     }
     else
     {
             div.style.display = 'none';                            
     }                  
}                
</script>

HTML:

<form name="form1">
    <input type="radio" name='rTeste' onclick="mostra('1');">Mostra
    <p>
    <input type="radio" name='rTeste' onclick="mostra('2');">Esconde

    <div id="teste" style="display: none;">
     <label>Campo 1</label><p>
     <input type="text" /> <br />
    </div>
</form>

daí você só tem que adaptar ao seu formulário e mudar os nomes nos lugares corretos....

Editado Julho 2, 2008 por JuanHBiscaia

[Guest pabloeng]

o que você quer seria isso?

java script:

<script language="JavaScript">
function mostra(rBtnValor){
     div = document.getElementById('teste');
     if(rBtnValor == '1')
     {
            div.style.display = 'block';  
     }
     else
     {
             div.style.display = 'none';                            
     }                  
}                
</script>

HTML:

<form name="form1">
    <input type="radio" name='rTeste' onclick="mostra('1');">Mostra
    <p>
    <input type="radio" name='rTeste' onclick="mostra('2');">Esconde

    <div id="teste" style="display: none;">
     <label>Campo 1</label><p>
     <input type="text" /> <br />
    </div>
</form>

daí você só tem que adaptar ao seu formulário e mudar os nomes nos lugares corretos....

pow cara, e exatamente isso q preciso, estava fazendo dessa maneira porem acho q sua solucao e mais conveniente... so mais uma pergunta... eu tenho que gerar um pdf com os dados desse formulario, posso fazer normalmente como se não tivesse foncao alguma? :blush:

<script type="text/javascript">
    function toggle1(obj) {
    var el = document.getElementById(obj);
    if ( el.style.display != 'none' ) {
    el.style.display = 'none';
    }
    else {
    el.style.display = '';
    }
    }
</script>

[JuanHBiscaia]

não... porque o pdf é como uma imagem de tudo o que esta na pagina... se os campos que devem aparecer estiverem escondidos e sem valor algum ele n irá mostra-los no pdf... em caso contrário ele mostra no pdf...

faz um teste localmente e ve no que dá... qualquer coisa posta ae -_-