Résolu Changement de l'image à chaque caractère saisie

[Rainbow Dash]

• Langage utilisé : Javascript
• Description du problème : En me baladant sur le net je suis tombé sur un système plutôt sympathique sur ce site:
  Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
  C'est en allemand, mais soyez futez, dans le champ "Gebruikersnaam of E-mail" écrivez lentement Rabbo(lettre par lettre), j'aimerais faire la même chose, en plus simple, sur ce site, une requête JSON est demandée puis si "USER" existe, on prend alors son image.

J'aimerais faire la même chose sur mon système de connexion d'ENT/forum: Les membres ont tous une photo de profil(un code barre), j'aimerais qu'à chaque fois qu'un caractère sois saisie un lien sois tester et affiche l'image ou non, mon système est intelligent et n'affichera rien si l'utilisateur n'existe pas.

Mon lien se présente sous la forme suivante:

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Il faut que le XXXX soit remplacer au fur et a mesure de la saisie.
Cependant, il ne faut pas que la page sois rechargée pour faire voir l'image, ou autre..

Je compte sur vous, je n'y arrive toujours pas et je dois rendre cette structure pour samedi soir, vous serez intégrer dans le copyright et si vous souhaitez je donnerais 6€ via youpass à la personne réussissant à me faire ce code..

Je dis bien me faire ce code, car je ne maîtrise pas du tous le JS, et je ne compte pas m'inscrire à une formation pour faire un code à rendre samedi..

Merci d'avance.
Plus votre demande sera détaillée plus le problème sera réglé rapide

 

[Rainbow Dash]

EDIT:
Voici le code source du champ Username du site allemand trouvé:

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Et le code JS correspondant:

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[Walky 🇫🇷]

Je peux pas te donner exactement le code mais l'idée c'est de faire ceci:
Lorsque l'utilisateur appuie sur une touche du clavier (event .keypress(), en JS), on envoie une requête AJAX sur ton serveur et tu traites en php par rapport au texte indiqué par le visiteur. Ensuite tu renvoies les données en JSON. (json_encode())

 

[Rainbow Dash]

Je peux pas te donner exactement le code mais l'idée c'est de faire ceci:
Lorsque l'utilisateur appuie sur une touche du clavier (event .keypress(), en JS), on envoie une requête AJAX sur ton serveur et tu traites en php par rapport au texte indiqué par le visiteur. Ensuite tu renvoies les données en JSON. (json_encode())

Je suis obligé d'utiliser du JSON etc ? Je peux pas juste mettre une image comme ça:
<img src="

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

<FONCTION JS QUI SE COMPLETE AU FUR ET A MESURE> ?

 

[Walky 🇫🇷]

Je suis obligé d'utiliser du JSON etc ? Je peux pas juste mettre une image comme ça:
<img src="

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

<FONCTION JS QUI SE COMPLETE AU FUR ET A MESURE> ?

Si aussi

 

[Rainbow Dash]

Si aussi

Tu pourrais m'aider à faire ça ?

 

[Paul GTP]

<img src="

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

<FONCTION JS QUI SE COMPLETE AU FUR ET A MESURE>

En reprenant l'event .keypress() de Walky il te suffit de stocker la valeur saisie par l'utilisateur dans une variable et, en PHP, tu vas faire une requête qui va te permettre de récupérer l'avatar du pseudo saisi dans la variable
Je suis débutant en js donc je ne saurais te dire exactement comment récupérer la variable et la réutilisé avec PHP, mais tu as une bonne piste à exploiter

Bon après-midi,
Paul GTP