TOP

お問い合わせ

県内の観光を広くPRしていただく目的で観光写真の貸出しを行っています。
貸出し写真は無料でダウンロードできますので、どうぞご利用ください。

/images/imagelibrary/img_map.png” alt=”地図” width=”271″ height=”285″ class=”fancybox” href=”#map_area” />

選択エリア : ここにエリア名が入ります





/images/imagelibrary/btn_search_off.png” alt=”検索” width=”108″ height=”42″ onclick=”document.form.submit();” />

/images/imagelibrary/btn_select_off.png” alt=”選択” width=”108″ height=”42″ onclick=”selectMap();” />





$(function() {
$('.fancybox').fancybox({
width: '820px'
});

$('.map ul.all li').click(function() {
$(this).find('input[type="checkbox"]').prop('checked', function(index, prop) {
return !prop;
});
if ($(this).children('input[type="checkbox"]').prop('checked')) {
$('.map li input[type="checkbox"]').prop('checked', true);
} else {
$('.map li input[type="checkbox"]').prop('checked', false);
}
})

$('.map ul.all li input[type="checkbox"]').click(function() {
$(this).prop('checked', function(index, prop) {
return !prop;
});
});

$('.map li.area').click(function() {
$(this).find('input[type="checkbox"]').prop('checked', function(index, prop) {
return !prop;
});
if ($(this).children('input[type="checkbox"]').prop('checked')) {
$(this).parent('ul').find('input[type="checkbox"]').prop('checked', true);
checkAll();
} else {
$(this).parent('ul').find('input[type="checkbox"]').prop('checked', false);
$('.map ul.all li input[type="checkbox"]').prop('checked', false);
}
});

$('.map li.area input[type="checkbox"]').click(function() {
$(this).prop('checked', function(index, prop) {
return !prop;
});
});

$('.map li input[type="checkbox"]').change(function() {

if ($(this).prop('checked')) {
check = true;
$(this).parents('ul').find('li input[type="checkbox"]').each(function() {
if ($(this).parents('li').hasClass('area')) {
return true;
}
if (!$(this).prop('checked')) {
check = false;
return false;
}
});

if (check) {
$(this).parents('ul').find('li.area input[type="checkbox"]').prop('checked', true);

checkAll();
/*
$('.map ul li.area input[type="checkbox"]').each(function() {
check = true;
if (!$(this).prop('checked')) {
check = false;
return false;
}
if (check) {
$('.map ul.all li input[type="checkbox"]').prop('checked', true);
}
});
*/
}

} else {
$(this).parents('ul').find('li.area input[type="checkbox"]').prop('checked', false);
$('.map ul.all li input[type="checkbox"]').prop('checked', false);
}
});

});

function checkAll() {
$('.map ul li.area input[type="checkbox"]').each(function() {
check = true;
if (!$(this).prop('checked')) {
check = false;
return false;
}
});

if (check) {
$('.map ul.all li input[type="checkbox"]').prop('checked', true);
}
}

function clearMapAll() {
$('.map ul li input[type="checkbox"]').prop('checked', false);
}

function selectMap() {
str = '';
area = new Array();
city = new Array();
city_id = new Array();
areaList = {
'kenou':'県央エリア',
'seibu':'西部エリア',
'tobu':'東部エリア',
'tonenumata':'利根・沼田エリア',
'agatsuma':'吾妻エリア'
}

if ($('.map ul.all li input[type="checkbox"]').prop('checked')) {
str += '全エリア';
} else {
$('.map ul li.area input[type="checkbox"]').each(function() {
if ($(this).prop('checked')) {
area.push(areaList[$(this).attr('id')]);
} else {
$(this).parents('ul').find('li input[type="checkbox"]').each(function() {
if ($(this).parents('li').hasClass('area')) {
return true;
}
if ($(this).prop('checked')) {
city.push($(this).parent().text());
}
});
}
});
if (area != '') {
str += area.join('、');
}
if (city != '') {
if (str != '') {
str += '、';
}
str += city.join('、');
}
if (str == '') {
str += 'ここにエリア名が入ります';
}
}

str = '選択エリア : ' + str;

$('p.area_selected').html(str);

$('.map ul li input[type="checkbox"]').each(function() {
if ($(this).parents('li').hasClass('area') || $(this).parents('ul').hasClass('all')) {
return true;
}
if ($(this).prop('checked')) {
city_id.push($(this).val());
}
});
$('input[name="city"]').val(city_id.join());

$.fancybox.close();
}