Imprimer la Page | Fermez la fenêtre

Comment créer un timer pour un bouton ?

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Sites créés avec openElement
Description du Forum: Soumettre votre site aux avis
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23719
Date: 29 Mar 2024 à 11:10
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: Comment créer un timer pour un bouton ?
Posté par: Remi4142
Sujet: Comment créer un timer pour un bouton ?
Posté le: 13 Nov 2019 à 14:03
Bonjour,

Je souhaite créer un timer pour mon bouton afin que celui-ci soit "cliquable" après quelques secondes.
J'ai déjà trouvé, si ceux-ci sont bon, les codes permettant de réaliser ceci : https://forum.hardware.fr/hfr/Programmation/HTML-CSS-Javascript/timer-pour-bouton-sujet_88054_1.htm" rel="nofollow - A cette page 
Si le lien-texte ne marche pas : https://forum.hardware.fr/hfr/Programmation/HTML-CSS-Javascript/timer-pour-bouton-sujet_88054_1.htm

Mais ma question est, où placer ce code ??

Merci d'avance



Réponses:
Posté par: brolysan
Posté le: 13 Nov 2019 à 14:17
Essayes ça sinon :

Bloc de code source (Javascript/EndBody) :


jQuery(document).ready(function(){

$('#ID_souhaité').hide(0).delay(5000).show(200);
});



-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 13 Nov 2019 à 17:12
Si vous utilisez l'élément: 'Bouton de formulaire' vous pouvez le faire de la façon suivante:

Pour un bouton de formulaire avec l'ID: WEactivation


$(document).ready(
function(){
var test = document.getElementsByName('WEactivation');
$(test).attr('disabled',true);
setTimeout(function(){$(test).attr('disabled',false);},5000);
}
);


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: brolysan
Posté le: 13 Nov 2019 à 17:48
Bien joué Hobby, c'est même mieux comme ça. Thumbs Up

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Hobby001
Posté le: 13 Nov 2019 à 18:10

Ce code s'applique pour les éléments de type "input":

Case à cocher
Liste déroulante
Cases d'option
Champ de saisie de texte
Champ de saisie de texte multi-lignes
Bouton de formulaire




-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: Remi4142
Posté le: 13 Nov 2019 à 19:33
Bonjour,

Merci pour vos réponses très complète. En l’occurrence, je ne vais pas utiliser un bouton de formulaire mais un bouton "normale.
Je suppose donc qu'il est préférable de prendre la première version, de brolysan.

Merci :)


Posté par: Hobby001
Posté le: 13 Nov 2019 à 21:35
Si vous mettez le bouton dans un panneau d'éléments de hauteur minimum et de largeur minimum égales aux dimensions du bouton.  Avec une image du bouton désactivé en arrière plan.

Puis vous utilisez le code de Brolysan vous aurez un effet s'en rapprochant.


https://denislafrance.net/TestBouton.htm" rel="nofollow - https://denislafrance.net/TestBouton.htm

Oups, lien corrigé


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net