> 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
139,99 €NAS QNAP TS-251+ 2 baies (quad core, 2 Go RAM) à 139,99 €
Valable jusqu'au 05 Mars

Amazon propose actuellement le NAS QNAP TS-230 2 baies à 139,99 € livré gratuitement. On le trouve ailleurs à partir de 185 €. Ce NAS est parfait pour sauvegarder vos données. Vous pouvez accéder à distance à vos fichiers, et disposez même d'un cloud privé pour partager facilement vos documents avec vos proches. Grâce à ses 2 baies, vous pourrez étendre votre capacité de stockage ou bien sécuriser vos données en mettant en place un RAID.  Reposant sur un processeur quad-core Realtek 1.4 GHz et 2 Go de RAM, le TS-230 délivre de bonnes performances multitâches exceptionnelles (jusqu'à 113 Mo/s) et prend en charge le décodage matériel 4K (H.264) et le transcodage en temps réelCe NAS intègre en outre 2 ports USB 3.0 et deux ports Ethernet Gigabit et offre la possibilité d'un chiffrement matériel.


> Voir l'offre
89,99 €SSD Samsung 870 QVO 1 To à 89,99 €
Valable jusqu'au 05 Mars

Boulanger fait une promotion sur le tout nouveau SSD Samsung 870 QVO 1 To qui passe à 89,99 €. Ce SSD offre des vitesses de 560 Mo/s en lecture et 530 Mo/s en écriture. Il est garanti 3 ans.


> Voir l'offre
37,99 €Pack clavier + souris sans-fil Logitech MK470 à 37,99 €
Valable jusqu'au 06 Mars

Fnac fait une promotion sur le pack clavier + souris sans-fil Logitech MK470 à 37,99 € au lieu de 50 €. Compact et avant-gardiste, cet ensemble Logitech MK470 est parfait pour travailler efficacement. L'ensemble se distingue notamment par sa simplicité et à leur profil ultra-mince. Le clavier compact comprend notamment un pavé numérique et 12 raccourcis de fonction, vous offrant ainsi toutes les touches dont vous avez besoin. De plus, les touches à microcharnières extra-plates offrent une expérience de frappe fluide et familière. Quant à la souris, elle est dotée de trois boutons et d'une molette de défilement extrêmement silencieuse. Et avec sa forme en galet et la douceur de la souris ambidextre, elle offre un grand confort d'utilisation pour les droitiers comme les gauchers. 


> 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