OVH Cloud OVH Cloud

inverser 2 champs dans un formulaire

1 réponse
Avatar
paul POULAIN
bonjour,

J'ai un formulaire de la forme suivante :

Nom : <input nom>
Prénom : <input prénom>
surnom : <input surnom>

Je voudrais avoir des boutons pour permettre à l'utilisateur de "réordonner"
le formulaire, par exemple, pour avoir :
Nom : <input nom>
surnom : <input surnom>
Prénom : <input prénom>

s'il le préfère.

Comment faire pour "inverser" les libellés et la zone input ?

--
Paul

1 réponse

Avatar
O.L.
bonjour,

J'ai un formulaire de la forme suivante :

Nom : <input nom>
Prénom : <input prénom>
surnom : <input surnom>

Je voudrais avoir des boutons pour permettre à l'utilisateur de "réordonner"
le formulaire, par exemple, pour avoir :
Nom : <input nom>
surnom : <input surnom>
Prénom : <input prénom>

s'il le préfère.

Comment faire pour "inverser" les libellés et la zone input ?


Tu peux faire en récupérant les valeurs, en les stockant dans une
variable, puis en permutant les valeurs des différentes parties.
Sinon, tu peux faire comme ça :

<div id=globalDiv>
<div>Champ 1 : <input type=text name=ch1></div>
<div>Champ 2 : <input type=text name=ch2></div>
</div>

<script>
n1 = globalDiv.children[0];
n2 = globalDiv.children[1];
globalDiv.removeChild(n1);
globalDiv.appendChild(n1);
</script>

@+
O.L.

--
Ceci est une signature automatique de MesNews.
Site : http://mesnews.no-ip.com