aller à une ancre après un input

Général
1

Hello

J'ai une question concernant les balises input de type submit dans un formulaire

Ce formulaire un peu long contient plusieurs submit et commence par

     <form method="post" action="#ENV{action}">
     #ACTION_FORMULAIRE{#ENV{action}}

Les submit sont de cette forme

<input type="submit" name="reinitXX" class="submit" value="Réinitialiser" />

Le souci est qu'à chaque clic sur un bouton réinitialiser fait remonter la page au début du formulaire

Je voudrais donc rester au même niveau que le bouton

J'ai bien placé des ancres mais je n'arrive pas à "rediriger" vers l'ancre

Une idée du comment ?

JC

2

Bonjour,

Les submit sont de cette forme

<input type="submit" name="reinitXX" class="submit" value="Réinitialiser" />

Le souci est qu'à chaque clic sur un bouton réinitialiser fait remonter la page au début du formulaire

Ben euh, c'est un submit, donc le formulaire est soumis et la page ( ou le bloc ajax ) est soumis/réaffiché... Donc comportement logique.
Question peut être un peu c... mais, il n'y a pas moyen de faire une réinitialisation en javascript ? En gros, il fait quoi ce formulaire et c'est quoi 'réinitialiser' ?

3

Pour compléter

J'arrive à rajouter #ancre à la suite de mon url avec

<input type="submit" name="reinit9f" class="submit" value="Réinitialiser" onclick="javascript:parent.location='#ancre'"/>

ou

<input type="submit" name="reinit9f" class="submit" value="Réinitialiser" onclick="javascript:location.href='#ancre'"/>

mais le click sur "réinitialiser" me remonte quand même en haut de page alors que dans la barre d'url s'affiche bien url_de_la_page#ancre

oui oui, mon ancre s'appelle bien "ancre" : <div id="ancre"></div>

Le 01/12/2016 à 15:19, Jean-Christophe Villeneuve a écrit :

Hello

J'ai une question concernant les balises input de type submit dans un formulaire

Ce formulaire un peu long contient plusieurs submit et commence par

    <form method="post" action="#ENV{action}">
    #ACTION_FORMULAIRE{#ENV{action}}

Les submit sont de cette forme

<input type="submit" name="reinitXX" class="submit" value="Réinitialiser" />

Le souci est qu'à chaque clic sur un bouton réinitialiser fait remonter la page au début du formulaire

Je voudrais donc rester au même niveau que le bouton

J'ai bien placé des ancres mais je n'arrive pas à "rediriger" vers l'ancre

Une idée du comment ?

JC

4

Le 01/12/2016 à 17:27, Jean-Christophe Villeneuve a écrit :

Pour compléter

J'arrive à rajouter #ancre à la suite de mon url avec
<input type="submit" name="reinit9f" class="submit" value="Réinitialiser" onclick="javascript:parent.location='#ancre'"/>

C'est à l'attribut action de <form method="post" action="#ENV{action}"> qu'il faudrait plutôt ajouter cette #ancre.

JL

<input type="submit" name="reinit9f" class="submit" value="Réinitialiser" onclick="javascript:location.href='#ancre'"/>

mais le click sur "réinitialiser" me remonte quand même en haut de page alors que dans la barre d'url s'affiche bien
url_de_la_page#ancre

oui oui, mon ancre s'appelle bien "ancre" : <div id="ancre"></div>

Le 01/12/2016 à 15:19, Jean-Christophe Villeneuve a écrit :

Hello

J'ai une question concernant les balises input de type submit dans un formulaire

Ce formulaire un peu long contient plusieurs submit et commence par

    <form method="post" action="#ENV{action}">
    #ACTION_FORMULAIRE{#ENV{action}}

Les submit sont de cette forme

<input type="submit" name="reinitXX" class="submit" value="Réinitialiser" />

Le souci est qu'à chaque clic sur un bouton réinitialiser fait remonter la page au début du formulaire

Je voudrais donc rester au même niveau que le bouton

J'ai bien placé des ancres mais je n'arrive pas à "rediriger" vers l'ancre

Une idée du comment ?

JC

5

Oui ça, ça marche mais ça ne résoud pas mon souci
J'ai biaisé en découpant mon long formulaire en 3 formulaires distincts
Merci quand même

JC

Le 09/12/2016 à 09:57, JLuc a écrit :

Le 01/12/2016 à 17:27, Jean-Christophe Villeneuve a écrit :

Pour compléter

J'arrive à rajouter #ancre à la suite de mon url avec
<input type="submit" name="reinit9f" class="submit" value="Réinitialiser" onclick="javascript:parent.location='#ancre'"/>

C'est à l'attribut action de <form method="post" action="#ENV{action}"> qu'il faudrait plutôt ajouter cette #ancre.

JL

<input type="submit" name="reinit9f" class="submit" value="Réinitialiser" onclick="javascript:location.href='#ancre'"/>

mais le click sur "réinitialiser" me remonte quand même en haut de page alors que dans la barre d'url s'affiche bien
url_de_la_page#ancre

oui oui, mon ancre s'appelle bien "ancre" : <div id="ancre"></div>

Le 01/12/2016 à 15:19, Jean-Christophe Villeneuve a écrit :

Hello

J'ai une question concernant les balises input de type submit dans un formulaire

Ce formulaire un peu long contient plusieurs submit et commence par

    <form method="post" action="#ENV{action}">
    #ACTION_FORMULAIRE{#ENV{action}}

Les submit sont de cette forme

<input type="submit" name="reinitXX" class="submit" value="Réinitialiser" />

Le souci est qu'à chaque clic sur un bouton réinitialiser fait remonter la page au début du formulaire

Je voudrais donc rester au même niveau que le bouton

J'ai bien placé des ancres mais je n'arrive pas à "rediriger" vers l'ancre

Une idée du comment ?

JC

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Archives : https://www.mail-archive.com/spip@rezo.net/maillist.html

Infos : http://listes.rezo.net/mailman/listinfo/spip

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc