ayuda con codigo

[ruizdeeguilaz]

Hola Strancyth,

Si no te he entendido mal, lo que quieres es que se muestre la imagen sin recargar la página. En el caso de que la variable $keko se corresponda con el nombre introducido en el campo de texto, no es necesario que uses AJAX; bastaría con usar JavaScript. Te explico:

En primer lugar, asignale el atributo "id" al tag de la imagen para poder acceder fácilmente a él desde JavaScript:

Código html:

<img id="img-avatar" ... />
 

A continuación, haz lo mismo con el tag del campo de texto, y también añade el evento "onclick" al botón:

Código html:

<input id="txt-nombre-usuario" type="text" name="txt-nombre-usuario" value="" />
<input id="btn-enviar" type="button" value="Enviar" onclick="onBtnEnviar();"/>
 

Finalmente, deberás crear una función JavaScript que procese la orden dada por el botón:

Código javascript:

function onBtnEnviar()
{
    // Obtenemos el nombre de usuario introducido
    var nombreUsuario = document.getElementById("txt-nombre-usuario").value;
 
    // Obtenemos el elemento de la imagen
    var imgElement = document.getElementById("img-avatar");
 
    // Asignamos la nueva URL a la imagen
    imgElement.src = "habbo.es/habbo-imaging/avatarimage?user="+ nombreUsuario + "&gesture=sml&direction=2&head_direction=2";
}
 

Con esto la imagen debe cambiarte automáticamente.

Ya nos cuentas qué tal.

Salu2,
Carlos.