Subversion Repositories wimsdev

Rev

Rev 11399 | Rev 11615 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

  1. !!# Si les librairies Jquery sont chargees, on affiche un double curseur.
  2. !default search_level_from=1
  3. !default search_level_to=$levelcnt
  4.  
  5. !!<fieldset class="property_fields blockcenter">
  6.  !! <legend>name_bounded_search$name_bounded_search</legend>
  7. <div class="field box">
  8.       <label>$wims_name_level</label>
  9.       <input type="hidden" id="search_level_from" name="search_level_from" value="$search_level_from" />
  10.       <input type="hidden" id="search_level_to" name="search_level_to" value="$search_level_to" />
  11.       <div class="slider" id="slider_level" style="width:70%;margin-right:auto;margin-left:auto"></div>
  12. </div>
  13.  
  14. !!</fieldset>
  15. <script type="text/javascript" src="scripts/js/bower_components/jquery-ui-slider-pips/dist/jquery-ui-slider-pips.min.js"></script>
  16. <link rel="stylesheet" href="scripts/js/bower_components/jquery-ui-slider-pips/dist/jquery-ui-slider-pips.min.css" />
  17. <link rel="stylesheet" href="themes/_css/jquery-ui-slider-pips.custom.css" />
  18. <style type="text/css">
  19.  #slider_level .ui-slider-range {background: $wims_ref_bgcolor;}
  20. .ui-slider-pips .ui-slider-pip-selected-1, .ui-slider-pips .ui-slider-pip-selected-2
  21.   {color: $wims_ref_bgcolor;}
  22. </style>
  23. <script type="text/javascript">
  24. /*<![CDATA[*/ jQuery(function(jq){
  25. var niveaux = new Array($levelcnt);
  26. !set niveaucnt=!itemcnt $levels
  27. !for i=1 to $niveaucnt
  28.   !ifval $(levels[$i+1])-$(levels[$i])>1
  29. niveaux[$(levels[$i])]='$(name_wims_levels[$i])&rarr;';
  30.   !else
  31. niveaux[$(levels[$i])]='$(name_wims_levels[$i])';
  32.   !endif
  33. !next
  34. jq('#slider_level')
  35.     .slider({min: 1,
  36.              max: niveaux.length-1,
  37.              range: true,
  38.              values: [ jq( "#search_level_from" ).val(), jq( "#search_level_to" ).val() ],
  39.              slide: function( event, ui ) {
  40.         jq( "#search_level_from" ).val(ui.values[0]);
  41.         jq( "#search_level_to" ).val(ui.values[1]);
  42.       }
  43.     })
  44.     .slider('pips',
  45.            {rest: "label",
  46.            labels: niveaux});
  47. });/*]]>*/
  48. </script>
  49.