Formulaire, Champ Grisé avec valeur "par défaut" [Résolu]

[Lutine]

Bonjour à tous,

Je travaille actuellement sur la modification du formulaire d'inscription d'un CMS (phpBoost) et pour l'adapter correctement à mon association, j'ai besoin de rendre le champ pseudo grisé et d'afficher à l'adhérent qui est entrain de s'incrire la valeur Prenom_Nom dans la case grisée (donc pseudo non modifiable).

L'intentionné rempli donc mon formulaire avec ses données (nom, prénom, ..., ) et quand vient la case pseudo, il verra Prenom_Nom non modifiable, mais il saura ainsi que c'est son identifiant de connexion.

Je suppose que c'est du JavaScript que je vais devoir utiliser, mais à mon grand désespoir, je n'y connais encore pas grand chose..
Déjà est-ce possible?
Donc si vous avez des pistes ou des façons de faire à me proposer, je suis toute ouïe !

Merci d'avance

[SpaceFrog]

regarde du coté de disabled

[Lutine]

Bonjour SpaceFrog,

Merci de ton conseil, mais cela va simplement me "griser" la case.
Comment insérer dans cette case ce que l'utilisateur aura rentré en Nom et en Prénom en les combinants?

[SpaceFrog]

en attribuant le value ...

[Lutine]

Je t'avoue que j'ai un peu de mal à comprendre, sans doute ma blonde attitude

Comment, en mettant dans value, ca va m'afficher directement ce que tape dans le champ Nom et dans le champ prénom, le tout dans le champ pseudo?!

En gros, il va saisir son nom: Sponge (par exemple)
et son prénom: Bob
et quand il arrivera à la case Pseudo, je voudrais qu'elle soit grisée avec marqué Bob_Sponge

Aurais-tu un exemple codé?
value=user_name+"_"+user_firstname ?

[Bovino]

Code html :

1
2
3
Nom : <input name="nom" id="nom" onkeyup="document.getElementById('pseudo').value = document.getElementById('prenom').value + '_' + this.value" /><br />
Prenom : <input name="prenom" id="prenom" onkeyup="document.getElementById('pseudo').value = this.value + '_' + document.getElementById('nom').value" /><br />
Pseudo : <input name="pseudo" id="pseudo" readonly="readonly" />

[vermine]

Bonjour Lutine,

Ton début de code ressemble à ce qu'il faut.

Envoyé par Lutine

value=user_name+"_"+user_firstname ?

Tu dois bien entendu récupérer l'élément pseudo :

Code :

document.getElementById("id_pseudo").value = ... ;

user_name et user_fisrtname étant les values des champs name et firstname que tu récupères de la même manière.

Cette action doit être effectuée à chaque onchange (par exemple) de ces deux champs.


Edit : le code de Bovino est plus ou moins ce que j'explique.

[Lutine]

Merci beaucoup pour votre aide !

Je suis arrivée à faire ce que je souhaitais !! Merci encore