Subversion Repositories SmartDukaan

Rev

Rev 10961 | Rev 11456 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 10961 Rev 11269
Line 57... Line 57...
57 
            <div class="clear" onclick="clearfilter(event)">Clear</div>
 57 
            <div class="clear" onclick="clearfilter(event)">Clear</div>
58 
            <div class="apply" onclick="applyFilter(event)">Apply</div>
 58 
            <div class="apply" onclick="applyFilter(event)">Apply</div>
59 
          </div><!--btn-hldr-->
 59 
          </div><!--btn-hldr-->
60 
          <div class="filter-name">Price(Rs.)<span>+</span></div>
 60 
          <div class="filter-name">Price(Rs.)<span>+</span></div>
61 
          <div class="filter-options clearfix" style="display:none" >
 61 
          <div class="filter-options clearfix" style="display:none" >
62 
          <div style="position:relative; height:40px; width: 87%;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;">
 62 
          <div style="position:relative; height:40px;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;width: 85%;left: 6%;">
63 
            <span id="exTO" class="slider-input"><?php echo $results->minPrice; ?></span>
 63 
            <span id="exTO" class="slider-input"><?php echo $results->minPrice; ?></span>
64 
            <span id="exFR" class="slider-input"><?php echo $results->maxPrice; ?></span>
 64 
            <span id="exFR" class="slider-input"><?php echo $results->maxPrice; ?></span>
65 
          </div>
 65 
          </div>
66 
          <div class="clear"></div>
 66 
          <div class="clear"></div>
67
67
Line 133... Line 133...
133 
        min = parseInt(min);
 133 
        min = parseInt(min);
134 
        var smin = document.getElementById("exTO").innerHTML
 134 
        var smin = document.getElementById("exTO").innerHTML
135 
        smin = parseInt(smin);
 135 
        smin = parseInt(smin);
136 
        var smax = document.getElementById("exFR").innerHTML
 136 
        var smax = document.getElementById("exFR").innerHTML
137 
        smax = parseInt(smax);
 137 
        smax = parseInt(smax);
- 
 
 138 
          $("#exTO").css({
- 
 
 139 
                  left: 0 + '%'
- 
 
 140 
                });
- 
 
 141 
                $("#exFR").css({
- 
 
 142 
                  left: 94 + '%'
- 
 
 143 
                })
138
144
139 
        // Run noUiSlider
 145 
        // Run noUiSlider
140
146
141 
        $('.noUiSlider').noUiSlider({
 147 
        $('.noUiSlider').noUiSlider({
142 
           range: [min, max],
 148 
           range: [min, max],
143 
           start: [smin, smax],
 149 
           start: [smin, smax],
144 
           step: 1,
 150 
           step: 1,
145 
           handles: 2,
 151 
           handles: 2,
146 
           slide:function(){
 152 
           slide:function(){
147 
             var value = $(this).val();
 153 
              var value = $(this).val();
148 
          var from = value[0];
 154 
              var from = value[0];
149 
          var to = value[1];
 155 
              var to = value[1];
150
156
151 
            $("#exTO").text(value[0]);
 157 
            $("#exTO").text(value[0]);
152 
            $("#exFR").text(value[1]);
 158 
            $("#exFR").text(value[1]);
153
159
154 
          var left = $($(".noUiSlider").find("a")[0]).offset().left;
 160 
              var left = $($(".noUiSlider").find("a")[0]).offset().left;
155 
          var right = $($(".noUiSlider").find("a")[1]).offset().left;
 161 
              var right = $($(".noUiSlider").find("a")[1]).offset().left;
156 
          var width = $(".noUiSlider").width();
 162 
              var width = $(".noUiSlider").width();
157
163
- 
 
 164 
              // var left1 = $('#exTO').offset().left;
- 
 
 165 
              // var left2 = $('#exFR').offset().left
- 
 
 166 
              console.log(right-left);
158 
          if((right - left) > 50)
 167 
              if((right - left) > 70)
159 
          {
 168 
              {
160 
            $("#exTO").css({
 169 
                $("#exTO").css({
161 
              left: ((left/width * 100) - 8 ) + '%'
 170 
                  left: ((left/width * 100) - 8 ) + '%'
162 
            });
 171 
                });
163 
            $("#exFR").css({
 172 
                $("#exFR").css({
164 
              left: ((right/width * 100) - 12 ) + '%'
 173 
                  left: ((right/width * 100) - 15 ) + '%'
- 
 
 174 
                })
165 
            })
175 
              }
166 
          }
 176
167 
           }
 177 
           }
168
178
169 
        });
 179 
        });
170
180
171 
      </script>
 181 
      </script>