[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