[Jquery UI] Remettre à default un slide Jquery UI

Remettre à default un slide Jquery UI [Jquery UI] - HTML/CSS - Programmation

Marsh Posté le 06-01-2013 à 21:10:44    

Bonjour,
 
Sur un formulaire j'ai un slide qui me permet définir une période entre deux années (exemple : entre 1985 et 2003). A côté de ce slide j'ai une image qui me permet(tra) de réinitialiser mon slide en cliquant dessus.
 
Le problème c'est que j'arrive à remettre à sa valeur par défaut l'input dans lequel s'affiche le résultat mais pas le slide en lui-même.
 
Je poste mon code ci dessous, si vous voyez une erreur ou si vous avez une solution, je suis tout ouïe!
 

Code :
  1. <form> 
  2.     <label class="fldLabelDemi" for="itDateRange">Date :  
  3.         <input type="text" id="itDateRange" name="itDateRange" /> 
  4.     </label> 
  5.     <div id="sliderDate"></div> 
  6.     <span class="imgDelete" id="XXitDateRange"></span> 
  7.     <!-- imgDelete permet de remettre à 'default' le slide --> 
  8. </form>


 

Code :
  1. jQuery(document).ready(function($){  
  2.       var $frmRecherche = $("#frmRecherche" ); 
  3.      
  4.     //année en cours 
  5.     var date = new Date(); 
  6.     var dateMax = date.getFullYear() 
  7.      
  8.     $( "#sliderDate" ).slider({             
  9.         range: true,             
  10.         min: 1980,             
  11.         max: dateMax,  
  12.         step: 1,            
  13.         values: [ 1980, dateMax ],             
  14.         slide: function( event, ui ) {                 
  15.             $( "#itDateRange" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );             
  16.         }         
  17.     });         
  18.     $( "#itDateRange" ).val( $( "#sliderDate" ).slider( "values", 0 ) +             
  19.     " - " + $( "#sliderDate" ).slider( "values", 1 ) );     
  20.      
  21.     //remet à 'default' le slider 
  22.     $(".imgDelete" ).click(function(){  
  23.         var str = this.id; 
  24.         itID = str.replace("XX", "" );  
  25.         if(itID == "itDateRange" ) 
  26.         { 
  27.             $("#"+itID+"" ).empty().val("1980 - "+dateMax);     
  28.         } 
  29.         else 
  30.         { 
  31.             $("#"+itID+"" ).empty().val("" ); 
  32.         } 
  33.     });  
  34. });


 
Je ne vois vraiment pas comment remettre les deux indicateurs du slide à '1980' pour le minimum et à 'dateMax' pour le maximum.
 
En attendant, merci d'avoir pris le temps de me lire. ;)


Message édité par SV_LVH le 06-01-2013 à 21:11:34

---------------
Quand vous demandez sur un forum comment changer un pneu de voiture peu de gens vous répondent. Et ceux qui le font vous expliquent généralement comment rouler sur 3 roues.
Reply

Marsh Posté le 06-01-2013 à 21:10:44   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed