Discussion :

[The Molo]

Bonjour à tous,

J'ai un long formulaire sur mon site. En fonction des choix réalisés dans les listes déroulantes, le reste du formulaire est modifié.
Du coup, pour les listes déroulantes, je fais un onchange pour recharger le formulaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange=document.forms['form_pro'].submit();

Mes données sont bien rechargées et tout fonctionne MAIS le formulaire étant très long, lorsqu'il se recharge, je réatterri au début du formulaire.
J'aimerais qu'une fois que le formulaire est rechargé, que le curseur revienne sur le dernier champs modifié.

Avez-vous une idée de comment procéder ?
Je pensais aux ancres ou .focus () mais je ne sais pas comment l'intégrer au onchange ci-dessus ?

Merci d'avance !

[sekaijin]

il faut ajouter #ancre à la fin de l'action du formulaire pour qu"il se déplace à l'ancre

A+JYT

[The Molo]

Merci pour votre réponse !

C'est bien ceci que vous voulez dire ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange=document.forms['form_pro#ancre'].submit();

[The Molo]

Oubliez ce que j'ai posté ci-dessus.

Je viens de comprendre ce que vous avez mis mais le soucis c'est qu'il n'y a pas qu'une seule liste déroulante qui modifie la structure du formulaire, il y a en plusieurs et elles sont toutes à des endroits bien différents...

Il faudrait donc agir sur l'action propre au champ modifié et pas au formulaire... mais je ne sais pas si c'est possible ?

[sekaijin]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
onchange=function(ancre) {
 var form = document.forms['form_pro'];
 form.action = form.action +'#' + ancre;
 return form.submit();
}

A+JYT

[The Molo]

Bonjour,

J'ai mis en place votre bout de code mais celui ne fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<a name="cp_ancre"></a>
<input type="text" name="code_postal" class="form_input" maxlength="10" value="<?php echo $save_cp; ?>" onchange="function('cp_ancre') {var form = document.forms['form_pro']; form.action = form.action +'#' + cp_ancre; return form.submit();}" />

Il n'y a plus rien qui se passe, le formulaire n'est même pas rechargé.

Aurais-je fais une erreur de syntaxe ?

Merci.

[Bovino]

Aurais-je fais une erreur de syntaxe ?

Oui.
Tu intègres le code donné dans l'attribut onclick, du coup, au clic sur le bouton, tu vas définir la fonction, pas l'exécuter !
Une déclaration de fonction se fait dans les balises <script>.

[The Molo]

OUF l'erreur de débutant
On va mettre ça sur le coup de la chaleur.

Ça fonctionne...

Merci à tous les deux !