champs de formulaire dynamique [Résolu]

[julian1976]

Bonjour a tous,
c'est la 1ere fois que je poste sur ce forum, donc merci d'être indulgent si je me suis trompé de rubrique.

Je suis en train de créer un formulaire en html /php. Tout fonctionne bien mais je cherche a remplir des champs automatiquement sans les saisir 2 fois.

Je m'explique : j'ai un champs NOM et Prenom. Je voudrais que le champs Email (format : prenom.nom@domain.com) soit saisie et s'affiche automatiquement sans recharger ma page (en dynamique).

Est-ce possible en javascript ? Quelqu'un a-t-il déjà fait ce genre de choses?

Par avance merci

[Ceddoc]

Oui c'est tout à fait possible en javascript, si tu n'en n'as jamais fait je te conseille d'apprendre les bases, ça te serviras toujours.

Sinon le principe c'est que des que les champs noms et prénoms perdent le focus (des que l'utilisateur changera de champ) tu regarde leur valeur et que tu la mette dans ton champ mail.

[julian1976]

Merci pour la réponse, tu peux m'en dire un peu plus, c'est en utilisant :
document.getElementById

??
Merci

[Ceddoc]

Pas vraiment, enfin si mais ce n'est pas la première étape, il faut que tu commence par déclencher un script lorsque l'utilisateur arrête de rentrer son nom avec un évènement (il me semblait qu'un évènement onfocusout existait) ensuite tu récupère la valeur des champs noms et prénoms avec document.getElementById en effet et tu fais ton traitement. Mais encore une fois il vaut mieux apprendre les bases avant de te lancer.

[julian1976]

j'arrive a afficher le contenu dans un pop up lors de la perte de focus
c'est un progrès

Code :

<Input type=text id="prenom" name="prenom" size=30 onblur = alert(document.ajout.prenom.value)>

Par contre je sais pas trop comment insérer cette valeur dans un autre input text

Peux-tu m'aider ?
Merci

[Ceddoc]

Je te fais un exemple de tête à la va-vite.

Code html :

1
2
3
4
5
6
<script LANGUAGE="Javascript">
function monscript() {
     document.getElementById("tonchampmailid").value= document.ajout.prenom.value;
}
</script>
<Input type=text id="prenom" name="prenom" size=30 onblur=monscript()>

Quelque chose du genre devrait marcher mais après c'est à toi de voir comment tu vas faire pour faire les deux champs et la concaténation

[julian1976]

Merci pour ton aide