Jump to content
Sign in to follow this  
ilfrancese

elemento cliccabile ogni n secondi

Recommended Posts

Come da titolo vorrei realizzare, in javascript, un bottone che una volta cliccato non può essere cliccato di nuovo per un certo lasso di tempo, ad esempio 10 secondi.

Ho provato a cercare in rete ma non sono riuscito a trovare nulla in merito.

 

Grazie anticipatamente :)

Share this post


Link to post
Share on other sites

Molto semplice da fare con Jquery...

 

 

Codice Javascript:

 

<script type="text/javascript">
$(document).ready(function() {
   $("#Elemento").click(function() {
     $(this).attr("value", "Attendere...");
     $(this).attr("disabled", "disabled");

     $(this).delay(3000).queue(function(){ 
        $(this).removeAttr("disabled");
        $(this).attr("value", "Riccliccabile ;)");
        $(this).dequeue(); 
       });
   });
});
</script>

 

<input id="Elemento" type="button" value="Cliccami" /> 

Share this post


Link to post
Share on other sites

l'ho provato ad inserire ma sicuramente sbaglio qualcosa, su quel bottone ho già una funzione jquery che fa il reload di un particolare div onclick

$(function() {      
 $("#myButton").click(function() {
   $("#centerColumnTop").load(location.href + " #centerColumnTop > *");
 });
});

 

se non chiedo troppo come lo inserisco qui? (con javascript sono un cane..:P )

Grazie!!:)

Share this post


Link to post
Share on other sites

alla fine ho risolto così

$.fn.disableFor = function (time) {
   var el = this, qname = 'disqueue';
   el.queue(qname, function () {
       el.attr('disabled', 'disabled');
       setTimeout( function () {
           el.dequeue(qname);
       }, time);
   })
   .queue(qname, function () {
       el.removeAttr('disabled');
   })
   .dequeue(qname);
};


$('#myButton').click( function () {
   $(this).disableFor(5000);
});

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×