Jump to content


Photo

Aproveitar Ajax Para Formulário Inteiro


  • Faça o login para participar
3 replies to this topic

#1 Projeto DS

Projeto DS

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Não informado

Posted 08/12/2009, 18:34

Outro dia tive uma ideia de usar ajax para verificar todos os campos que o usuario digita.
Para economizar paginas e paginas de javascript com o ajax, tentei usar algo assim:

<input .... onkeyup="ajax(this.value,"campo_resposta")> <div id='campo_resposta'></div>
<input .... onkeyup="ajax(this.value,"campo_resposta2")> <div id='campo_resposta2'></div>

E no javascript:
function ajax(campo,id)
{
if (xmlHttp.readyState==4)
{
document.getElementById(id).innerHTML=xmlHttp.responseText;// é aqui que eu não consegui que o codigo funcione com o id
}

}

Tentei vários meios, mas não conheço muito de javascript... Ele não recebe o valor da variavel 'id', mas sim só a palavra 'ID'...
Obrigado a todos!

#2 Renan L. Queiroz

Renan L. Queiroz

    Mestre

  • Usuários
  • 690 posts
  • Sexo:Masculino
  • Localidade:Brasilia - DF

Posted 09/12/2009, 07:56

Essas áspas estão dessa maneira em seu script?
<input .... onkeyup="ajax(this.value,"campo_resposta")> <div id='campo_resposta'></div>
    <input .... onkeyup="ajax(this.value,"campo_resposta2")> <div id='campo_resposta2'></div>
Achei estranho essa parte, de uma olhada:
<input .... onkeyup="ajax(this.value,"campo_resposta2")>
Tente fechar as áspas:
<input .... onkeyup="ajax(this.value,'campo_resposta2')">

Edição feita por: Renan L. Queiroz, 09/12/2009, 07:56.

Especialidade: Desenvolvimento e Banco de Dados.


Este post lhe ajudou? Agradeça: Posted Image


#3 Projeto DS

Projeto DS

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Não informado

Posted 14/12/2009, 15:52

Então... esse código que eu digitei foi o exemplo do raciocionio que eu usei. As aspas eu verifiquei, estavam certas...
Quando você troca o 'id' na resposta do javascript, por exemplo pelo resp_nome, ele funciona.
Coloquei um alert(id) para ver, e ele responde corretamente.

Tentei de várias maneiras colocar o getElementbyId, com por exemplo ("+id+"), e outros que não valem a pena ser comentados...
Alguém saberia porque esse comando do javascript não recebe o valor da variável ID ?

#4 Projeto DS

Projeto DS

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Não informado

Posted 17/12/2009, 16:24

Testei outro dia isso em casa, e vi que funcionou...
<html>
<body>
<head>
<script language='javascript'>
function mensagem(campo)
{
var msg='Digite o '+campo;
 document.getElementById(campo).innerHTML =msg;

}
</script>
</head>
</body>
Nome:<input type='text' onFocus="mensagem('nome')"><div id='nome'>Div Nome</div>
<br>
Sobrenome:<input type='text'  onFocus="mensagem('sobrenome');"><div id='sobrenome'> Div Sobrenome</div>

</html>
Corrigi então no Ctrl C, Ctrl V :B




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq