Line: submit form + lien vers autre page...

[@ybee]

Hello à tous,

Sorry pour le titre peu clair, je savais pas comment le formuler

J'ai une page avec un formulaire. De façon très classique, il y a bien entendu un bouton "Submit" en bas du formulaire.

MAIS

L'utilisateur peut cliquer sur un lien et consulter d'autre informations le concernant. J'aimerais que lorsqu'il choisit de cliquer sur ce lien, cela valide le formulaire pour enregistrer ses infos, et que cela le renvoie vers cette autre page. Ceci permet qu'il ne perde pas les informations qu'il a entré, si il est tenté de cliquer sur le lien pour voir d'autres infos...

Je sais pas si je suis clair, mais d'ores et déjà merci pour votre aide

 

[p4bl0]

Hello à tous,

Sorry pour le titre peu clair, je savais pas comment le formuler

J'ai une page avec un formulaire. De façon très classique, il y a bien entendu un bouton "Submit" en bas du formulaire.

MAIS

L'utilisateur peut cliquer sur un lien et consulter d'autre informations le concernant. J'aimerais que lorsqu'il choisit de cliquer sur ce lien, cela valide le formulaire pour enregistrer ses infos, et que cela le renvoie vers cette autre page. Ceci permet qu'il ne perde pas les informations qu'il a entré, si il est tenté de cliquer sur le lien pour voir d'autres infos...

Je sais pas si je suis clair, mais d'ores et déjà merci pour votre aide

tu peux pas faire en sorte que le lien s'ouvre dans une popup ou une nouvelle fenêtre ??

si tu veux respecter les standards XHTML, il n'y a plus d'attibut target dans a, donc faut le faire en javascript :

<a href="info.html" onclick="window.open(this.href); return false">Info compl&#233;mentaires</a> (s'ouvre dans une nouvelle fen&#234;tre)*

* tu peux remplacer le texte par une petite image comme sur wikipedia (voir section "liens externes") par exemple, avec css et :after appliqué sur une classe spécifique aux liens dans une nouvelle fenêtre.

[Hors sujet mais important] pour les gens qui veulent utiliser cette méthode pour ouvrir les liens dans une nouvelle fenêtre tout en respectant les standards, N'EN ABUSEZ PAS !! il ne faut utiliser cette méthode que dans des cas où il y en a vraiment besoin (comme ici), le fait que l'attribut traget ai disparu c'ets pour de bonne raison, pas pour être remplacé par du javascript ![/Hors sujet mais important]



Si tu ne veux pas ouvrir ça dans une nouvelle fenêtre, tu peux faire comme ça :

<a href="info.html" onclick="document.getElementById('id_du_formulaire').submit();">Info compl&#233;mentaires</a>

mais je me demande si ça ne va pas chargé la page qui est dans l'attibut method="" du form...

:zen:

 

[@ybee]

Hmmmm à tester...

Et ceci ?
Un XMLHttpRequest qui fais tourner le script d'enregistrement des données de façon invisible, et si elle se passe bien, la fonction renvoie sur la page que l'utilisateur est sensé atteindre lorsqu'il clique sur le lien?

 

[Anonyme]

Si j'ai bien compris ce que tu veux faire, ça serait peut-être mieux de faire un formulaire sous forme d'assistant non? En deux ou trois étapes avec à chaque fois la possibilité de revenir en arrière pour vérifer si tout est correct et aussi un petit résumé de l'étape précédente sur l'écran en cours… Ou alors les popups accessibles comme p4bl0 t'as expliqué…

Attention : si tu utilise javascript pour faire des choses dans les formulaires n'oublies pas que'il doit être une couche supplémentaire dans la conception de ton site et que tout doit fonctionner sans car environ 15% des internautes n'ont pas javascript activé.

 

[p4bl0]

Hmmmm à tester...

Et ceci ?
Un XMLHttpRequest qui fais tourner le script d'enregistrement des données de façon invisible, et si elle se passe bien, la fonction renvoie sur la page que l'utilisateur est sensé atteindre lorsqu'il clique sur le lien?

Pour ça regarde xajax, c'est super simple à mettre en place.

après tu n'aura plus qu'à faire un truc du genre

<a href="info.html" onclick="xajax_la_fonction_php_denregistrement_des_donn&#233;es(lesdonn&#233;esduform);">Info compl&#233;mentaires</a>

ou alors

<a href="info.html" onclick="submit_form();">Info compl&#233;mentaires</a>

avec submit_form() une fonction javascript qui récupère les données du formulaire et les envoi à xajax_la_fonction_php_denregistrement_des_données(...)

Tu va voir c'est simple à mettre en oeuvre, lis un peu la doc ou alors j'ai fais un tuto pour une utilisation particulière : une recherche live avec AJAX (via xajax).
Et il y a un tuto sur le Site du Zér0



EDIT : à gloup gloup : ne post plus !!!! tu as 1337 posts, la classe :rateau:

 

[@ybee]

J'arrive à quelque chose de sympa, mais j'ai encore une question... :

Le formulaire est donc validé de deux façons:

- Via le lien, j'ai mis une action dessus
- Via le bouton traditionnel d'envoi en bas de formulaire.


Ce qui serait sympa, c'est que selon la méthode de validation, la fin de mon script soit différente. Je m'explique: si l'utilisateur a cliqué sur le lien, le script enregistre toutes les données et à la fin on a un redirect vers la page1. Si il a cliqué sur le bouton Submit, le redirect se fait vers la page2

Il faudrait une variable cachée qui, selon l'endroit où a cliqué l'utilisateur, définisse la redirection vers 1 ou vers 2... Mais j'avoue que je sèche un peu là, après une nuit de codage j'ai le cerveau un peu embrumé

 

[p4bl0]

J'arrive à quelque chose de sympa, mais j'ai encore une question... :

Le formulaire est donc validé de deux façons:

- Via le lien, j'ai mis une action dessus
- Via le bouton traditionnel d'envoi en bas de formulaire.


Ce qui serait sympa, c'est que selon la méthode de validation, la fin de mon script soit différente. Je m'explique: si l'utilisateur a cliqué sur le lien, le script enregistre toutes les données et à la fin on a un redirect vers la page1. Si il a cliqué sur le bouton Submit, le redirect se fait vers la page2

Il faudrait une variable cachée qui, selon l'endroit où a cliqué l'utilisateur, définisse la redirection vers 1 ou vers 2... Mais j'avoue que je sèche un peu là, après une nuit de codage j'ai le cerveau un peu embrumé

<form method="bidule.php" ...>
...
<input type="hidden" name="nextpage" id="nextpage" value="page2.html" />
...
</form>
...
<a href="lelienquivalide" onclick="document.getElementById('nextpage').value='page1.html'; ton_action_de_validation_du_form();">lalala</a>

Ensuite le traitement du formulaire redirige vers la page contenu dans nextpage (en php $_POST['nextpage'] par exemple).