Rendre visible le temps de validation d'une page

**auguste19** · 13/01/2020, 20h02

Bonjour,
Je programme actuellement un site en PHP et MySql. Certaines pages se rechargent, après validations de plusieurs champs de saisie (method POST essentiellement), sans que l'utilisateur puisse être certain d'avoir bien validé en cliquant sur le bouton submit. Il n'y a que la petite animation du navigateur à côté de l'URL qui donne un signe visible de la validation, car la page semble désespérément immobile tellement la validation est rapide. Je voudrais donc intégrer une animation similaire à côté du bouton submit.
J'ai essayé d'afficher un message "Votre texte a bien été enregistré", mais ce message reste sur la page alors que je voudrais qu'il disparaisse après une brève apparition. Mes tentatives pour introduire une temporisation ont échouées.
Je pense qu'il n'y a pas de solution en php pur, et j'imagine que le recours à un autre script est incontournable. Pourriez-vous me conseiller une solution qui ne soit pas trop exotique, si possible ? (Je ne maîtrise mal le Javascript et le CSS, et pas du tout les solutions de type Ajax...)

**Sparky95** · 14/01/2020, 16h30

Salut,
si tu test ceci qu'observes tu? => https://www.w3schools.com/Php/phptry...unc_misc_sleep
Que cela prends 3 secondes pour s'afficher et que tout s'affiches d'un seul coup.
Pourquoi?
Lorsque tu envoies le code, le serveur web le réceptionnes et le lit il appel donc le serveur PHP le serveur PHP executes ce qui le concernes puis le tout est traduit en HTML et est renvoyé pour que ton navigateur puis ensuite exécuter le HTML, CSS et JS,... bref les langages coté client . Le PHP n'est donc pas dynamique.
Les 2 seules moyens sont donc soit en PHP de rafraîchir la page à chaque fois (pas top), soit d'utiliser un moyen alternatif.
Le JS est conçu pour ce genres d’opérations et est donc celui que je te conseil.
Maintenant tu peux essayer de voir en CSS si tu peux faire afficher un morceau de text durant 5 secondes mais la il y a un soucis. C'est que si tu ne fais que du HTML CSS PHP à chaque envoie tu es quand même obligé de rafraîchir ta page sinon il n'y a pas de communication entre le client et le serveur. Après si tu veux quand même le faire à l'aide du CSS voici ce qui je penses pourras t'aider https://css-tricks.com/almanac/properties/a/animation/

Bonne continuation

**auguste19** · 19/01/2020, 22h26

Envoyé par Sparky95

Le JS est conçu pour ce genres d’opérations
Bonne continuation

Bonjour et merci pour les explications et le conseil ! Tu réponds tout à fait à ma question.
Je pars vraiment de zéro avec le JS. Pourrais-tu m'indiquer quelques adresses avec des exemples similaires à mon problème, et dont je pourrai m'inspirer ?

@+

**Sparky95** · 19/01/2020, 23h30

là, ... le mieux est que tu suives les tuto de développez ou si tu préfère de l'interactif des video tuto sur youtube.
apprends les bases de js puis ensuite orientes toi vers le jquery pour finir par apprendre de l'ajax
le jquery te simplifiera la via et l'ajax lui est la pour faire des connections/transmissions/communications de données entre le js et ton serveur web (en l'occurrence avec des php)
Sinon, il doit surement exister des formations renseignes toi auprès de services mis à la disposition des citoyens tu dois pouvoir trouver des formations de 6 mois