https://www.goo-net.com/usedcar/common_v2/js/car_search_new.js?250930

1
2////////////////////////////////////////////////////////////////////
3//
4//  Goo-net¼Ö¼ïÁªÂò¸¡º÷JS¥Õ¥¡¥¤¥ë 
5//  car_search
6//
7////////////////////////////////////////////////////////////////////
8
9
10$(function () {
11	// scrollArea 
12	$('#scrollArea').ready(function() {
13		var panelTop = $('#scrollArea').offset().top;
14		var contHeight = $('#contents').height() - panelTop;
15		var boxHeight = $('.fixedScrollArea').height();
16		$( '.fixedScrollArea' ).fixedScroll({
17			container: 'scrollArea',
18			containerHeight: contHeight,
19			startNum: 0
20		});
21		var windowTop = $( window ).scrollTop();
22		if(panelTop <= 0){		// IEÂкö
23			panelTop = panelTop+windowTop;
24		}
25	});
26
27	// scrollAreaNameSelect scrollAreaNameMaker
28	var Number  = ['_0','_1','_2','_3','_4','_5','_6','_7','_8','_9']
29
30	// scrollAreaNameMaker
31	jQuery.each(Number, function(i) {
32
33		// Maker
34		var scrollIdMaker = 'scrollAreaNameMaker' + Number[i];
35
36		$('#'+scrollIdMaker).ready(function() {
37			// Maker set css
38			var zIndexSet = Number.length - i;
39			$('#'+scrollIdMaker).css('position','relative');
40			$('#'+scrollIdMaker).css('z-index',zIndexSet);
41			var MakerTitHeight = $('#'+scrollIdMaker+' .box_roundGrayTop').height();
42
43			// Name
44			var scrollId = 'scrollAreaNameSelect' + Number[i];
45			// Maker set css
46			var NameSelectHeight = $('#'+scrollId+' .box_nameSelect').height();
47			$('#'+scrollId).css('position','relative');
48			var selectContHeight =  $('#'+scrollId).outerHeight() - NameSelectHeight -MakerTitHeight -10 ; // containerHeight;
49			// Name scroll
50			$('#'+scrollId+' .box_nameSelect').fixedScroll({
51				container: scrollId,
52				containerHeight: selectContHeight,
53				startNum: 0
54			});
55
56			$('#'+scrollId+' .box_modelSelect .box_roundGray').each(function(i){
57				var MaxList = $('#'+scrollId+' .box_modelSelect .box_roundGray').length;
58				$(this).css('z-index',MaxList-i)
59			});
60
61		});
62	});
63
64	$(document).on('click', '.box_nameSelect ul a[href^="#"]', function() {
65		var speed = 500; // ¥ß¥êÉÃ
66		var href = $(this).attr("href");
67		var target = $(href == "#" || href == "" ? 'html' : href);
68		var position = target.offset().top;
69		var fixPosition = position - $('.box_nameSelect').height();
70		$('body,html').animate({
71			scrollTop: fixPosition
72		}, speed, 'swing');
73		return false;
74	});
75});
76
77//================================================
78// Form¥Ü¥¿¥ó²¡²¼»þ(¼Ö¼ïÁªÂò¥Ú¡¼¥¸¤Ë¤Æ»ÈÍÑ)
79//================================================
80function MakerSearchCheckForm(check_flg,chk_obj){
81    var select_max = 20;
82    var integration_car_cd = $("input[type=hidden][name='integration_car_cd']").val();
83    if(typeof (integration_car_cd) != 'undefined' && integration_car_cd != ''){
84        var car_cd_ary = integration_car_cd.split(',');
85    }else{
86        var car_cd_ary = [];
87    }
88    var cnt = car_cd_ary.length;
89
90    if(cnt > select_max || (cnt == select_max && typeof (chk_obj) != 'undefined' && chk_obj.checked)){
91        window.alert("ÁªÂò¤Ç¤­¤ë¤Î¤Ï" + select_max + "¼Ö¼ï¤Þ¤Ç¤È¤Ê¤ê¤Þ¤¹¡£");
92        return(false);
93    }
94
95    if(typeof (chk_obj) != 'undefined'){
96        setCarCdHidden(chk_obj);
97    }
98
99    // submit¥Ü¥¿¥ó¤Ç¤Î¥¯¥ê¥Ã¥¯»þ¤Î¤ß0·ï¥Á¥§¥Ã¥¯¤ò¹Ô¤¦
100    if(cnt == 0 && check_flg == 1){
101        window.alert("¼Ö̾¤òÁªÂò¤·¤Æ¤¯¤À¤µ¤¤¡£¡ÊºÇÂç" + select_max + "¼ïÎà¤Þ¤ÇÊ£¿ôÁªÂò¤Ç¤­¤Þ¤¹¡£¡Ë");
102        return(false);
103    }
104    if(check_flg == 1){
105        var ary_maker_cd = [];
106        for( i=0 ; i<cnt ; i++ ){
107            var maker_cd=car_cd_ary[i].substring(0,4);
108            var index = $.inArray(maker_cd,ary_maker_cd);
109            if( index == -1){
110                ary_maker_cd.push(maker_cd);
111            }
112        }
113        $("#maker_cd").val(ary_maker_cd.join(','));
114
115        document.form1.submit();
116        return(true);
117    }
118
119    return(true);
120}
121
122//================================================
123// ¡Ö¡Á¤ÎÃæ¸Å¼Ö¤òÁ´¤Æ¸«¤ë¡×ÍÑ
124//================================================
125function lookBrandsAllUsedcar( str_brands ){
126	for( i=0 ; i<document.form1.elements.length ; i++ ){
127			if(document.form1.elements[i].name == 'car_cd[]' &&
128
129				document.form1.elements[i].type == 'checkbox'){
130				document.form1.elements[i].checked = false;

131			}
132	}
133  $("input[type=hidden][name='integration_car_cd']").val('');
134	document.form1.maker_cd.value = str_brands;
135	//document.form1.baitai = "goo";
136	document.form1.search_type.value = "bodytype_disp";
137	document.form1.submit();
138}
139
140//================================================
141// ¥¯¥ë¥Þ¥ì¥Ó¥å¡¼É½¼¨Êѹ¹¡Ê¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¥Á¥§¥Ã¥¯»þ¡Ë
142//================================================
143function getCarReview(brand_cd, integration_car_cd, chk_box){
144
145	// ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¤Ë¥Á¥§¥Ã¥¯¤¬Æþ¤Ã¤Æ¤Ê¤«¤Ã¤¿¤é½èÍý¤òÈ´¤±¤ë
146	if (chk_box.checked == false) {
147		return(false);
148	}
149
150
151	// ½é´üɽ¼¨¡¦¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¥Á¥§¥Ã¥¯»þ¤Ë¼Â¹Ô
152	// ¡Ê¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¤Î¥Á¥§¥Ã¥¯¤ò¤Ï¤º¤·¤¿¤È¤­¤Ï½èÍý¤·¤Ê¤¤¡Ë
153	try{
154		xmlhttpReview = new XMLHttpRequest();
155	}catch(e){
156		xmlhttpReview = new ActiveXObject('Microsoft.XMLHTTP');
157	}
158
159	xmlhttpReview.onreadystatechange = function(){
160		if(xmlhttpReview.readyState==4 && xmlhttpReview.status==200){
161			if(xmlhttpReview.responseText){
162				document.getElementById('car_review').innerHTML = xmlhttpReview.responseText;
163			}
164		}
165	}
166
167	var params	  = '';
168	var car_param   = '';
169
170	if(integration_car_cd != '' && integration_car_cd != undefined){
171		car_param = "&integration_car_cd=" + integration_car_cd;
172	}
173
174	var params = "brand_cd=" + brand_cd + car_param;
175
176	var ajax_uri = '/php/include/ajax_car_review_list.php?'+params;
177	xmlhttpReview.open('GET', ajax_uri, false);
178	xmlhttpReview.send(null);
179}
180
181
182//================================================
183// ¥é¥¤¥Ð¥ë¼Öɽ¼¨
184//================================================
185function getRivalCarData(integration_car_cd, chk_box)
186{
187	// ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¤Ë¥Á¥§¥Ã¥¯¤¬Æþ¤Ã¤Æ¤Ê¤«¤Ã¤¿¤é½èÍý¤òÈ´¤±¤ë
188	if (chk_box.checked == false) {
189		return(false);
190	}
191
192
193	// ½é´üɽ¼¨¡¦¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¥Á¥§¥Ã¥¯»þ¤Ë¼Â¹Ô
194	// ¡Ê¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¤Î¥Á¥§¥Ã¥¯¤ò¤Ï¤º¤·¤¿¤È¤­¤Ï½èÍý¤·¤Ê¤¤¡Ë
195	try{
196		xmlhttpReview = new XMLHttpRequest();
197	}catch(e){
198		xmlhttpReview = new ActiveXObject('Microsoft.XMLHTTP');
199	}
200  var car_name = $(chk_box).parents("div").find(".car_name a").html();
201	xmlhttpReview.onreadystatechange = function(){
202      if(xmlhttpReview.readyState==4 && xmlhttpReview.status==200){
203          if(xmlhttpReview.responseText){
204              //ANG_PRJ-2223
205              var json = JSON.parse(xmlhttpReview.responseText);
206              if(json.status === 0){
207                  var str = '';
208                  var hidden_car_cd = $("input[type=hidden][name='integration_car_cd']").val();
209                  if(typeof (hidden_car_cd) != 'undefined' && hidden_car_cd != ''){
210                      var car_cd_ary = hidden_car_cd.split(',');
211                  }else{
212                      var car_cd_ary = [];
213                  }
214                  $.each(json.data, function(key,val){
215                      if(val.partition_car_cd == null){
216                          var integration_car_cd = val.group_car_cd+'|';
217                      }else{
218                          var integration_car_cd = val.group_car_cd+'|'+val.partition_car_cd;
219                      }
220str +=
221'<div class="carWrap">'+
222    '<table border="0" cellspacing="0" cellpadding="0">'+
223        '<tr>'+
224            '<td class="carCheck"><input type="checkbox" ';
225                      if($.inArray(integration_car_cd,car_cd_ary)!= -1){
226                           str +='checked';
227                      }
228                      str +=' value="'+integration_car_cd+'" name="check_integration_car_cd[]" onclick="return MakerSearchCheckForm(0,this);"></td>'+
229            '<td class="carImg"><img width="89" height="41" src="'+val.img_path+'" alt="'+val.car_nm+'" onError="this.src=\'https://img.goo-net.com/goo/usedcar/nophoto_big.jpg\'"></td>'+
230            '<td class="carTtl"><span>'+val.brand_nm+' <name>'+val.car_nm+'</name></span>';
231                if(val.cnt>0){
232                    str += '('+val.cnt+')<br />';
233                }
234                str += 'Ãæ¸Å¼Ö²Á³Ê<br />';
235                if(val.min_price !=0 || val.max_price != 0){
236                    str += '<span class="price">'+val.min_price/10000+'</span>¡Á<span class="price">'+val.max_price/10000+'</span> Ëü±ß';
237                }
238
239str +=      '</td>'+
240        '</tr>'+
241    '</table>'+
242'</div>';
243                  });
244                  $("#rival_car .inner").html(str);
245                  $("#rival_car .tit h3").html(car_name+"¤Î¥é¥¤¥Ð¥ë¼Ö¼ï¤ò¥Á¥§¥Ã¥¯");
246                  $("#rival_car .tit p").html(car_name+"¤Î¥é¥¤¥Ð¥ë¼Ö¼ï¤ò¥Á¥§¥Ã¥¯");
247                  $("#rival_car").css('display','block');
248                  $('#no_rival_car').css('display','none');
249              }else{
250                  $("#rival_car .inner").html('');
251                  $("#no_rival_car .tit h3").html(car_name+"¤Î¥é¥¤¥Ð¥ë¼Ö¼ï¤ò¥Á¥§¥Ã¥¯");
252                  $("#no_rival_car .tit p").html(car_name+"¤Î¥é¥¤¥Ð¥ë¼Ö¼ï¤ò¥Á¥§¥Ã¥¯");
253                  $("#rival_car").css('display','none');
254                  $("#no_rival_car").css('display','block');
255              }
256          }
257		  }
258	}
259
260	var param = '';
261	var param = "integration_car_cd=" + integration_car_cd;
262
263	var ajax_uri = '/php/api/getIntegrationRivalCarList.php?'+param;
264	xmlhttpReview.open('GET', ajax_uri);
265	xmlhttpReview.send(null);
266}
267
268
269//================================================
270// ANG_PRJ-2223 160210
271//================================================
272
273$(function() {
274	$(".box_modelSelect .box_roundWhite div:nth-child(3n)").after('<div class="clear">&nbsp;</div>');
275
276	$(window).load(function () {
277			$('input').prop('checked', false);
278			$('#rival_car,#no_rival_car').css('display','none');
279      $("input[type=hidden][name='integration_car_cd']").val('');
280	});
281
282	var $offset03 = $('#rival_carWrap').offset();
283	//var boxRoundGray = $("#searchArea").prev();
284	var boxRoundGray = $("div[id^='scrollAreaNameMaker']").last();
285	boxRoundGrayTop = boxRoundGray.offset().top;
286	var stopline = boxRoundGray.offset().top + boxRoundGray.height();
287
288	var boxNameSelect = $(".box_nameSelect");
289	var sTop = boxRoundGray.offset().top + boxRoundGray.height();
290
291	$("input").change(function() {
292		if($("input:checked").size() > 0){
293			$("#defaultArea").css({"display":"none"});
294			
295			if($("#rival_car .inner").html() == ""){
296				$("#no_rival_car").css({"display":"block"});
297			}
298			else{
299				$("#rival_car").css({"display":"block"});
300			}
301		}
302		else{
303			$("#defaultArea").css({"display":"block"});
304			$("#rival_car,#no_rival_car").css({"display":"none"});
305		}
306		
307	});
308
309	$("#rival_carWrap").css('marginTop','10px'); //ANG_PRJ-2450 ÄɲÃ
310
311	var addBanner = 190; //ANG_PRJ-2450 ÄɲåХʡ¼
312
313	//UserAgent ¤ÇȽÄê
314	var userAgent = window.navigator.userAgent.toLowerCase();
315	var appVersion = window.navigator.appVersion.toLowerCase();
316
317	if (userAgent.indexOf('msie') != -1) {	
318		$(window).scroll(function(){	
319			var HeightAj = $('#rival_carWrap').height();
320			var boxRoundGray = $("div[id^='scrollAreaNameMaker']").last();
321			var stopline = boxRoundGray.offset().top + boxRoundGray.height();	
322			if($(window).scrollTop() > stopline - HeightAj - 143){
323				$('#rival_carWrap').css({"position":"absolute","top":stopline - HeightAj - 143,"marginTop":"10px"});
324			}
325			else if($(window).scrollTop() > $offset03.top){
326				$('#rival_carWrap').css({"position":"fixed","top":"0","marginTop":""});
327			}
328			else if($(window).scrollTop() < $offset03.top){
329				$('#rival_carWrap').css({"position":"","marginTop":"10px"});
330			}
331		});
332	}
333	else{
334		$(window).scroll(function(){
335			var HeightAj = $('#rival_carWrap').height();
336			var boxRoundGray = $("div[id^='scrollAreaNameMaker']").last();
337			var stopline = boxRoundGray.offset().top + boxRoundGray.height();
338			if($(window).scrollTop() > stopline - HeightAj - 143){
339				$('#rival_carWrap').css({"position":"absolute","top":stopline - HeightAj - 143,"marginTop":"10px"});
340			}
341			else if($(window).scrollTop() > $offset03.top + addBanner){
342				$('#rival_carWrap').css({"position":"fixed","top":"0","marginTop":""});
343			}
344			else if($(window).scrollTop() < $offset03.top + addBanner){
345				$('#rival_carWrap').css({"position":"","marginTop":"10px"});
346			}
347		});
348	}
349
350	let squeezeTypeFloatEL = document.querySelector('.squeezeTypeFloat');
351	$('.box_roundWhite input:checkbox').change(function() {
352		setTimeout(function(){
353			if($("input:checked").size() > 0){
354				$('#defaultArea').css('display','none');
355				$(".btn_roundGray a").addClass('on');
356				if(squeezeTypeFloatEL){
357					squeezeTypeFloatEL.classList.add('on');
358				}
359			}else if($("input:checked").size() == 0){
360				$('#rival_car,#no_rival_car').css('display','none');
361				$('#defaultArea').css('display','block');
362				$(".btn_roundGray a").removeClass('on');
363				if(squeezeTypeFloatEL){
364					squeezeTypeFloatEL.classList.remove('on');
365				}
366			}
367		},100);
368	});

369    //ANG_PRJ-2223 ¥«¥¿¥í¥°close
370    $(document).on('click','.balloonCont img.close',function(){
371        $(this).parents(".balloonWhiteInner").hide();
372    });
373    $("#rival_car").on("change","input",function(){
374        var maker_cd=$(this).val().substring(0,4);
375        var maker_cd_ary = $("#maker_cd").val().split(',');
376        if(this.checked){
377                maker_cd_ary.push(maker_cd);
378        }else{
379            var index = $.inArray(maker_cd,maker_cd_ary);
380            if( index != -1){
381                maker_cd_ary.splice(index,1);
382            }
383        }
384        $("#maker_cd").val(maker_cd_ary.join(','));
385    })
386
387	//¥³¥ó¥Æ¥ó¥ÄÆâ ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹ÀÚ¤êÂؤ¨
388	$(".box_roundWhite input").on("change",function(){
389		var checked_car = $(this).parents('.list').find('.car_name a').text();
390
391		checkAction(checked_car,$(this));
392	});
393
394	//¤è¤¯Èæ³Ó¤µ¤ì¤ë¼Ö¼ï ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹ÀÚ¤êÂؤ¨
395	$("#rival_carWrap").on("change","#rival_car input",function(){
396		var checked_car = $(this).parents('tr').find('.carTtl span:first-child name').text();
397		
398		checkAction(checked_car,$(this));
399	});
400
401	//¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹ÀÚ¤êÂؤ¨¡¡½èÍý
402	function checkAction(n,t){
403		if(t.is(':checked')){
404			$('#active_car .inner ul').append('<li carcd='+t.val()+'>' + n + '<span>¡ß</span></li>');
405		}else{
406			$('#active_car .inner ul li').each(function(){
407				var carListTxt = $(this).text().replace('¡ß','');
408				var carcd = $(this).attr('carcd');
409				//if(n == carListTxt){
410				if(carcd == t.val()){ 
411					$(this).remove();
412				}
413			});
414		}
415	}
416
417	//ÁªÂòÃæ¤Î¼Ö¼ï¤ò¥¯¥ê¥Ã¥¯¤Ç¥Á¥§¥Ã¥¯¤ò³°¤¹
418	$("#rival_carWrap").on("click","#active_car li",function(){
419		var active_car = $(this).text().replace('¡ß','');
420		var carcd = $(this).attr('carcd');
421		var integration_car_cd = $("input[type=hidden][name='integration_car_cd']").val();
422		var car_cd_ary = integration_car_cd.split(',');
423		var index = $.inArray(carcd,car_cd_ary);
424		if(index != -1){
425			car_cd_ary.splice(index,1);
426		}
427		$("input[type=hidden][name='integration_car_cd']").val(car_cd_ary.join(',')).change();
428		$(".box_roundWhite input:checked").each(function(){
429			var checked_car = $(this).parents('.list').find('.car_name a').text();
430			
431			if(carcd == $(this).val()){
432				$(this).prop('checked', false).change();
433			}
434		});
435
436		$("#rival_car input:checked").each(function(){
437			var checked_car = $(this).parents('tr').find('.carTtl span:first-child').text();
438			
439			if(carcd == $(this).val()){
440				$(this).prop('checked', false);
441			}
442		});
443		$(this).remove();
444	});
445
446	// Åý¹ç¼Ö¼ï¥³¡¼¥É¤¬Êѹ¹¤µ¤ì¤¿ºÝ¤ËÁ«°Ü¥Ü¥¿¥ó¤Ê¤É¤ÎÊѹ¹¤ò¹Ô¤¦
447	$("#integration_car_cd").change( function(){
448		if ($(this).val() != '') {
449			$('#innerIconActionClick_disable').css('display','none');
450			$('#innerIconActionClick_enable').css('display','block');
451			$('#active_car').css('display', 'block');
452		} else {
453			$('#innerIconActionClick_disable').css('display','block');
454			$('#innerIconActionClick_enable').css('display','none');
455			$('#active_car').css('display', 'none');
456		}
457	});
458});
459function setCarCdHidden(obj){
460    var integration_car_cd = $("input[type=hidden][name='integration_car_cd']").val();
461    if(typeof (integration_car_cd) != 'undefined' && integration_car_cd != ''){
462        var car_cd_ary = integration_car_cd.split(',');
463    }else{
464        var car_cd_ary = [];
465    }
466    if(obj.checked){
467        if($.inArray(obj.value,car_cd_ary) == -1){
468            car_cd_ary.push(obj.value);
469        }
470        $("input[name='check_integration_car_cd[]'][value='"+obj.value+"']").prop("checked", true);
471    }else{
472        var index = $.inArray(obj.value,car_cd_ary);
473        if(index != -1){
474            car_cd_ary.splice(index,1);
475        }
476        $("input[name='check_integration_car_cd[]'][value='"+obj.value+"']").prop("checked", false);
477    }
478    $("input[type=hidden][name='integration_car_cd']").val(car_cd_ary.join(',')).change();
479}
480
481$(function() {
482	$('p.img img')
483	.hover(
484		function(){
485			$(this).stop().animate({
486				'width':'200px',
487				'height':'100px',
488				'marginTop':'0px',
489				'marginLeft':'0px'
490			},'fast');
491		},
492		function () {
493			$(this).stop().animate({
494				'width':'180px',
495				'height':'90px',
496				'marginTop':'5px',
497				'marginLeft':'10px'
498			},'fast');
499		}
500	);
501});