Ir para conteúdo
Fórum Script Brasil
  • 0

Aparecer Campos


George

Pergunta

Oi, gostaria de fazer com que aparecesse uns campos depois de apertar um botão, mas isso sem recarregar a página. tentei da seguinte forma mas não deu certo:

function vai() {
document.write("<input type="text">");
}

<input type="button" onClick="javascript:vai();" value="Vai">

no IE até que funciona, apesar de ele recarregar a página, mas no FireFox ele parece que trava, fica como se estivesse carregando a página como num loop infinito

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0

<script language="JavaScript" type="text/javascript">

<!--

function novo_input(){

document.getElementById('area').innerHTML = '<input type="text" name="txtnome" />';

}

//-->

</script>

</head>

<body>

<input type="button" onclick="novo_input();" value="Novo Input" />

<span id="area"></span>

faz assim

abraços

Link para o comentário
Compartilhar em outros sites

  • 0

obrigado, funcionou certinho...mas apareceu outro problema: não consigo fazer o mesmo usando while:

<html>
<head>
<script language="JavaScript">
<!--

function vai() {

var loop = 0;
while (loop <= 10) {

document.getElementById('aoa').innerHTML = '<input type="text" name="oaoa"><br><br>';

loop = loop + 1;
}

}

//-->
</script>
</head>



<input type="button" onClick="javascript:vai();" value="Aparecer"><br><br>

<span id="aoa"></span>

Link para o comentário
Compartilhar em outros sites

  • 0

testei a função do Orlando e funfou de boa! cada clique é adicionado um input

fiz uma nova funcao ae, mas acho que ficou bem mais complicada! da uma olhada

<html>

<head>

<script language="JavaScript">

<!--

function vai() {

var loop = 0;

while (loop < 10) {

document.getElementById('a' + loop + 'b').innerHTML = '<input type="text" name="d' + loop + 'e"><br><br>';

loop = loop + 1;

}

}

//-->

</script>

</head>

<input type="button" onClick="javascript:vai();" value="Aparecer"><br><br>

<script language="JavaScript" type="text/javascript">

<!--

var loop1 = 0;

while (loop1 < 10) {

document.write('<span id="a' + loop1 + 'b"></span>')

loop1 = loop1 + 1;

}

//-->

</script>

</body>

</html>

abraços

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...