Copier coller d'un ou des champs à d'autres

Soyez le premier à donner votre avis sur cette source.

Vue 10 234 fois - Téléchargée 274 fois

Description

Je suis sûr que ça vous est déjà arrivé de faire un form avec 4 ou 5 champs pour une adresse et un peu plus bas de mettre encore 4 ou 5 champs pour une autre adresse (courrier ou facturation par exeple).

Et cette question, vous vous l'êtes déjà posée sûrement :
Comment faire pour que si le gadjo il puissent clicker sur un bouton qui lui rempli tout seul comme un grand les autres champs si ces deux adresses sont les mêmes ??? (Gorsse question !)

Eh bah c'est super simple en fait, c'est une ligne de code par champ et un bouton en plus, on peut même le déclencher avec un Focus si on veut !

Faites pas gaffe au design, il fait mal aux yeux tellement c'est beau ! lol

Source / Exemple :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>MEME CONTENU</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">

function same()
{
document.formulaire.champ_2.value=document.formulaire.champ_1.value;

}

</script>

</HEAD>

<BODY>
<form action="#" name="formulaire">

<textarea cols="50" rows="5" onFocus="this.style.background='#C6A572';" onfocusout="this.style.background='#D4860A';" name="champ_1"></textarea>
<br><br>
<textarea cols="50" rows="5" onFocus="this.style.background='#C6A572';" onfocusout="this.style.background='#D4860A';" name="champ_2"></textarea>
<br><br>
<INPUT type="button" onClick="same();this.value='PATIENTEZ SVP';" value="MEME VALEUR">
<INPUT type="submit">
</form>

</BODY>
</HTML>

Un petit rajout :

Si vous voulez rajouter la valeur d'un champ1 à un champ2 sans effacer le contenu du champ2, voici comment procéder :

<script language="JavaScript">

function same_plus()
{
document.formulaire.champ_2.value=document.formulaire.champ_1.value+document.formulaire.champ_2.value+;

}

</script>

Conclusion :


Ici on le déclenche avec un bouton, mais si vous voulez le déclencher automaitquement il vous suffit de mettre le onclick dans le champ et remplacer par onfocus.

Si vous avez plus de champ, il suffit de rajouter une ligne dans le js comme ceci :
document.formulaire.champ_3.value=document.societe.champ_0.value;

Vous pouvez attribuer une valeur à plusieurs champs aussi...

Enfin faites joujou et donnez moi en des nouvelles !

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
4
Date d'inscription
jeudi 31 juillet 2003
Statut
Membre
Dernière intervention
5 août 2005

Désolé, j'ai posté trop tôt... :/

Je me suis débrouillé à obtenir ce qu'il me fallait.
Merci pour l'astuce !
Messages postés
4
Date d'inscription
jeudi 31 juillet 2003
Statut
Membre
Dernière intervention
5 août 2005

Salut,
exactement ce qu'il me fallait !

Par contre la fonction same_plus() ne fonctionne pas chez moi... :(

Dommage
Messages postés
1
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
28 février 2006

par contre ya une erreur dans le zip, tu as mis
document.formulaire.champ_2.value=document.societe.champ_1.value;
au lieu de
document.formulaire.champ_2.value=document.formulaire.champ_1.value;
donc quand on le telecharge ca ne marche pas ;)
Messages postés
161
Date d'inscription
jeudi 20 mars 2003
Statut
Membre
Dernière intervention
7 mai 2007

ca ne sert pas à grand chose, le code est simple mais c'est marrant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.