https://www.kotostyle.co.jp/js/search.js

1
2
3/*==================================================
4
5noUiSlider
6==================================================*/
7
8//賃料
9const rentRange = document.getElementById('rentRange');
10const rentMin = document.getElementById('rentMin');
11const rentMax = document.getElementById('rentMax');
12noUiSlider.create(rentRange, {
13	range: {
14		'min': 0,
15		'max': 300
16	},
17	step: 1,
18	start: [rentMin.value, rentMax.value],
19	connect: true,
20	behaviour: 'tap-drag',
21});
22rentRange.noUiSlider.on('update', function( values, handle ) {
23	rentMin.value = Math.trunc(values[0])
24	rentMax.value = Math.trunc(values[1])
25});
26// input変更時にスライダーを更新
27rentMin.addEventListener('change', function () {
28	rentRange.noUiSlider.set([this.value, null]);
29});
30
31rentMax.addEventListener('change', function () {
32	rentRange.noUiSlider.set([null, this.value]);
33});
34
35//専有面積
36const areaRange = document.getElementById('areaRange');
37const areaMin = document.getElementById('areaMin');
38const areaMax = document.getElementById('areaMax');
39noUiSlider.create(areaRange, {
40	range: {
41		'min': 0,
42		'max': 300
43	},
44	step: 1,
45	start: [areaMin.value, areaMax.value],
46	connect: true,
47	behaviour: 'tap-drag',
48});
49areaRange.noUiSlider.on('update', function( values, handle ) {
50	areaMin.value = Math.trunc(values[0])
51	areaMax.value = Math.trunc(values[1])
52});
53
54// input変更時にスライダーを更新
55areaMin.addEventListener('change', function () {
56	areaRange.noUiSlider.set([this.value, null]);
57});
58
59areaMax.addEventListener('change', function () {
60	areaRange.noUiSlider.set([null, this.value]);
61});
62
63
64/*==================================================
65
66other
67==================================================*/
68$(function(){
69	//resetbtn
70	$('.search-terms .reset').on('click',function(){
71		$(this).closest('.row').find("textarea, :text, select").val("").end().find(":checked").prop("checked", false);
72	});
73	
74	//menubtn
75	$('#searchmenubtn,#searchmenuclose').on('click',function(){
76		$(this).toggleClass("open");
77		$('#searchmenu').fadeToggle();
78	});
79});