Carregar Imagem

[Ziki 0]

Não utilizo muito ajax, mas estava desenvolvendo um sistema para meu site, e nele, tem um campo para que o usuário coloque o link para o avatar, o que eu gostaria é que quando ele colocasse o link da imagem, ela começasse a carregar no campo que eu reservei ao lado deste form, eu gostaria de saber se é possível faze-lo?

 

Explicado melhor:

 

Tenho um formulário

 

Nome: Campo Nome

Email: Campo Email

Avatar: Campo para o avatar

 

Ai entre o campo email e o avatar, eu deixei um espaço, para que quando o user colocasse o link da imagem no campo avatar, o formulário automaticamente carregaria essa imagem nesse espaço que eu deixei.

 

Se alguém puder me ajudar.

[José Enésio 4]

Isso não precisa de AJAX não só precisa de JavaScript.

Coloque uma tag img nesse espaço mas não ponha nada nela ainda, ou ponha uma imagem demonstrativa, seilá.

Coloque no onblur do campo para o Avatar uma função que irá mudar o src dessa imagem.

Bom, estou me sentindo bonzinho hoje então vou montar o código para você:

 

->NO HEAD
<script type="text/javascript">
function recarregaimagem(novaimagem)
{
document.getElementById('showAvatar').src = novaimagem;
}
</script>

->NO FORMULÁRIO
<img id="showAvatar" /><br />
<input type="text" name="avatar" onblur="recarregaimagem(this.value)" />

Tenta esse aí.