Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1714 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Jquery UI] Remettre à default un slide Jquery UI

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Jquery UI] Remettre à default un slide Jquery UI

n°2170049
SV_LVH
Posté le 06-01-2013 à 21:10:44  profilanswer
 

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.
mood
Publicité
Posté le 06-01-2013 à 21:10:44  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Jquery UI] Remettre à default un slide Jquery UI

 

Sujets relatifs
[PHP / JS] C'est un script jquery qui fait ce truc en première page ?JQUERY >> faire glisser plusieurs boxes
Jquery >> faire un slide boxe fluideJquery et autocomplete
JQUERY / AJAX Recréer une requête httpRequest avec JQUERY?Jquery - Copier contenu Span dans TextArea
problème de lancement de mon menu jqueryutilliser un datatable jquery dans application JEE
Galeries jquery Ui Tools 
Plus de sujets relatifs à : [Jquery UI] Remettre à default un slide Jquery UI


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR