Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Leonardo Peixoto

[Resolvido] fução AJAX

Por , em Javascript

Recommended Posts

Leonardo Peixoto    0

Leonardo Peixoto
Postado

Pessoal é minha pergunta é simples pra vcs mas como eu sou burro pra mim é complicada.

 

Tenho o seguinte formulario, nele tem os campos nome, email ... etc, criei uma função em ajax que quando a pessoa coloca o nome do usuário de um jogo e clica no botão "ver usuario" carrega a imagem deste personagem que ela digitou.

 

Pois bem, só gostaria de saber como faço para a pessoa não precisar apertar o botão "ver usuário", assim que a pessoa clicar fora do campo ja carregar esta imagem.

 

Obs: o código do botão é <div style="position: absolute; top: 260px; left: 210px"><input type="submit" value="Ver Usuario"></div>

 

 

Creio que poderiamos substituir por um input type=onload, mas não sei me ajudem

 

 

...

Nome            <input name="nome" type="text" size="24" id="nome" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $nome; ?>" /><br />

Sobrenome       <input name="sobrenome" type="text" size="24" id="sobrenome" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $sobrenome; ?>" /><br />

Email           <input name="email" type="text" size="24" id="email" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $email; ?>" /><br />

Usuário         <input name="usuario" type="text" size="24" id="txtusuario" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $usuario; ?>" /><br />

<input type="submit" name="Submit" value="Registrar-se" /> <br />

</center>
</form>

<script language="javascript" src="script.js" type="text/javascript"></script>

</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<body>

<table cellpadding="2" cellspacing="0" width="50%">

<form action="processar.php" method="post" onsubmit="setarCampos(this); enviarForm('processar.php', campos, 'divResultado'); return false;"> 

<div style="position: absolute; top: 260px; left: 210px"><input type="submit" value="Ver Usuario"></div>

</form>

</table>

<div style="position: absolute; top: 181px; left: 298px"><div id="divResultado"/></div>

<script>

//Cria a função com os campos para envio via parâmetro

function setarCampos() {

campos = "txtusuario="+encodeURI(document.getElementById('txtusuario').value);

}
</script>

</pre>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

utilize o evento onblur

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não tem nada a ver com o botão.

Faça o seguinte:

 

<form action="processar.php" method="post" id="proce1" onsubmit="return false;">

e ai:

 

 

Usuário         <input name="usuario" type="text" size="24" id="txtusuario" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $usuario; ?>" onblur="setarCampos( document.getElementById('proce1') ); enviarForm('processar.php', campos, 'divResultado'); " /><br />

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito