ayuda con codigo

[Strancyth]

Hola necesito ayuda con un codigo miren


necesito para hacer


un box de texto para poner por ejemplo dani4142

despues un boton para enviar


i quando le des a ese boton

te muestre la imagen de ese nombre

asi miren

echo"<img src=habbo.es/habbo-imaging/avatarimage?user=". $keko. "&gesture=sml&direction=2&head_direction=2>"; <---- asi seria en el codigo

pero que cuando le das al boton te modifique lode ". $keko. " por lo de que has puesto en el box saven pero sin tener que reiniciar la web saven. creo que me dijieron que era con ajax o algo asi


no me explico muy bien bueno si me entienden ayuden plzz gracias


saludos

[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.

[Strancyth]

Muchas gracias me sirvio a la perfeccion

ahora me gustaria acer otra cosa

es como un catalogo kon la misma funcion de lo de la imagen de antes ok?


pero me gustaria acerlo con base de datos por ejemplo yo lo tengo asi



base de datos catalogo
tabla catalogue
i despues tengo id,nombre,coste,imagen y muestra (imagen pequeña)



lo que quero hacer es en la parte derecha una imagen de muestra que la saque de la base de datos de la columna muestra

i que al darle en la parte izquierda salga el nombre del furni el coste y la imagen en grande saves?


saludos