Changement de div
Résolu
delaville81
Messages postés
195
Date d'inscription
Statut
Membre
Dernière intervention
-
delaville81 Messages postés 195 Date d'inscription Statut Membre Dernière intervention -
delaville81 Messages postés 195 Date d'inscription Statut Membre Dernière intervention -
Chers confères,
je cherche le moyen d'afficher sur le clique d'un bouton une div pendant 5 secondes, qui disparait ensuite et est remplacée par une autre.
Ou seulement changer le contenu de ma div
Je ne sais pas comment procéder.
Merci de votre aide
je cherche le moyen d'afficher sur le clique d'un bouton une div pendant 5 secondes, qui disparait ensuite et est remplacée par une autre.
Ou seulement changer le contenu de ma div
Je ne sais pas comment procéder.
Merci de votre aide
A voir également:
- Changement de div
- Changer de dns - Guide
- Changement d'écriture facebook - Guide
- Changement d'heure - Guide
- Changement clavier azerty - Guide
- Changement carte graphique - Guide
2 réponses
Bonjour,
Tu peux utiliser setTimeout pour cela.
Lors du clic sur le bouton, tu appelles une fonction.
Cette fonction initialise un timer de 5sec à l'aide de setTimeout (https://www.w3schools.com/jsref/met_win_settimeout.asp
Dans le callback de ton setTimeout tu mets le code pour supprimer ta div et pour en mettre une autre.
Et pour remplacer le contenu de ta div tu as des informations ici par exemple : https://www.willmaster.com/library/web-development/replace-div-content.php
Tu peux utiliser setTimeout pour cela.
Lors du clic sur le bouton, tu appelles une fonction.
Cette fonction initialise un timer de 5sec à l'aide de setTimeout (https://www.w3schools.com/jsref/met_win_settimeout.asp
Dans le callback de ton setTimeout tu mets le code pour supprimer ta div et pour en mettre une autre.
Et pour remplacer le contenu de ta div tu as des informations ici par exemple : https://www.willmaster.com/library/web-development/replace-div-content.php
Merci guillaume4 pour tes conseils
j'ai fait ceci
et ça marche parfaitement
j'ai fait ceci
$(function() { $("#check_out").click(function(){ $("#processing").css("display", "block"); setTimeout(function() {document.getElementById("processing").style.display = "none";}, 5000); setTimeout(function() {document.getElementById("ok").style.display = "block";}, 5000); }); });
et ça marche parfaitement