> Tous les forums > Forum des Webmasters
 Créer un formulaire de contact
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
guitare131
  Posté le 23/10/2017 @ 14:41 
Aller en bas de la page 
Petit astucien

Bonjour,

Je suis en train de créer un formulaire de contact dans lequel se trouve 10 questions.

Le formulaire a été créé en html avec la balise <form>.

Tout est oK mais comme il y a 10 questions, le formulaire est long et l'internaute doit scoller la page vers le bas pour arriver au bout du formulaire.

Je souhaite donc un système pour qu'à chaque fois que la personne répond à 1 question, il clique sur un bouton "suivant" et l'ancienne question disparait et une nouvelle question prend sa place ainsi de suite jusqu'à la validation.

Cela permettrait donc que le formulaire se s'étale pas, une question remplace une autre au fur et à mesure.

Comment faire pour cela?

Merci.

Publicité
zoulouman
 Posté le 24/10/2017 à 13:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut,

Quel est le langage que tu utilises côté serveur ?

Sinon, si tu veux transmettre ton formulaire au serveur en une seule requête, il est possible de stocker temporairement les réponses sur un cookie et de transmettre son contenu à la fin, quand l'internaute clique "Valider".

Tu auras compris qu'il faut glisser un peu de JS dans le formulaire.

Ceci dit, 10 questions, ça peut paraitre interminable quand on appuie sur "suivant" pour voir une nouvelle question et pas la fin du formulaire. Je te conseille vivement de placer un "compteur" du type "X/10" afin que l'internaute sache où il en est. Sinon, tu prends le risque que nombre de personnes abandonnent dès la 3ème question...

guitare131
 Posté le 26/10/2017 à 17:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Salut,

le fichier est en ".php" et le formulaire est fait en html.

Quel est le code js pour réussir à faire cela?

Merci.

zoulouman
 Posté le 27/10/2017 à 10:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

C'est le JS que tu vas coder avec tes petits doigts.

Pour faire défiler les questions quand suivant a été cliqué, tu peux toujours récupérer un "Text Slide" JQuery et ou JS et le bricoler pour virer le chrono et faire défiler au clic. Regarde sur Github.

Pour le contrôle des réponses et le stockage sur cookie, c'est du JS tout bête.

EDIT

Oubli du lien Github.



Modifié par zoulouman le 27/10/2017 10:48
guitare131
 Posté le 29/10/2017 à 09:19 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci pour ta réponse.

Je vais regarder ça!

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
54,99 €Clavier Logitech G213 Prodigy RVB à 55,99 €
Valable jusqu'au 21 Janvier

Amazon fait une promotion sur le clavier Logitech G213 Prodigy RVB qui passe à 55,99 € livré gratuitement alors qu'on le trouve ailleurs à partir de 69 €. Ce clavier RVB à membranes est conçu aussi bien pour le jeu que pour l'activité professionnelle, résiste aux liquides, aux miettes et à la saleté pour un nettoyage aisé.


> Voir l'offre
529,90 €Ultrabook HONOR MagicBook 14 (Ryzen 5 3500U, 8Go, 256 Go SSD) à 529,90 €
Valable jusqu'au 31 Janvier

HONOR fait une promotion sur son ultrabook HONOR MagicBook 14 qui passe à 529,90 € au lieu de 600 €. Cet ordinateur portable possède un écran 14 pouces Full HD IPS, un processeur AMD Ryzen 5 3500U (avec chip graphique Vega 8), 8 Go de mémoire DDR4, un SSD 256 Go PCIe NVME, le WiFi5 / Bluetooth 5.0, un lecteur d'empreintes, une webcam, un clavier rétro éclairé, une batterie 56 Wh (jusqu'à 10h d'autonomie) et ne pèse que 1,38 kg. Il fonctionne sous Windows 10. Une très bonne affaire pour une machine compacte et puissante.


> Voir l'offre
58,95 €Disque dur Seagate BarraCuda 2 To à 58,95 €
Valable jusqu'au 20 Janvier

Amazon propose actuellement le disque dur Seagate BarraCuda - 2 To (ST2000DM008) à 58,95 € livré gratuitement. On le trouve ailleurs autour de 69 €. Ce disque dur 3.5 pouces SATA III tourne à 7200tr/min et possède 64Mo de cache. 


> Voir l'offre

Sujets relatifs
creer un formulaire de contact
CSS autre que "table"/formulaire contact
template formulaire contact
formulaire contact
Insérer un formulaire dans page " Contact"
Formulaire de contact html/php
comment créer et recevoir un petit formulaire tout
Formulaire de contact
Formulaire de Contact - Referencement
où placer le formulaire de contact dans DW 8
Plus de sujets relatifs à Créer un formulaire de contact
 > Tous les forums > Forum Forum des Webmasters