jQuery(function($){ // Common var select_root = $('div.select'); var select_value = $('.myValue'); var select_a = $('div.select>ul>li>a'); var select_input = $('div.select>ul>li>input[type=radio]'); var select_label = $('div.select>ul>li>label'); // Radio Default Value $('div.myValue').each(function(){ var default_value = $(this).next('.iList').find('input[checked]').next('label').text(); $(this).append(default_value); }); // Line select_value.bind('focusin',function(){$(this).addClass('outLine');}); select_value.bind('focusout',function(){$(this).removeClass('outLine');}); select_input.bind('focusin',function(){$(this).parents('div.select').children('div.myValue').addClass('outLine');}); select_input.bind('focusout',function(){$(this).parents('div.select').children('div.myValue').removeClass('outLine');}); // Show function show_option(){ $(this).parents('div.select:first').toggleClass('open'); } // Hover function i_hover(){ $(this).parents('ul:first').children('li').removeClass('hover'); $(this).parents('li:first').toggleClass('hover'); } // Hide function hide_option(){ alert('aa'); var t = $(this); setTimeout(function(){ t.parents('div.select:first').removeClass('open'); }, 1); } // Set Input function set_label(){ var v = $(this).next('label').text(); $(this).parents('ul:first').prev('.myValue').text('').append(v); $(this).parents('ul:first').prev('.myValue').addClass('selected'); } // Set Anchor function set_anchor(){ var v = $(this).text(); $(this).parents('ul:first').prev('.myValue').text('').append(v); $(this).parents('ul:first').prev('.myValue').addClass('selected'); } // Anchor Focus Out $('*:not("div.select a")').focus(function(){ $('.aList').parent('.select').removeClass('open'); }); select_value.click(show_option); select_root.find('ul').css('position','absolute'); select_root.removeClass('open'); select_root.mouseleave(function(){$(this).removeClass('open');}); // select_a.click(set_anchor).click(hide_option).focus(i_hover).hover(i_hover); select_input.change(set_label).focus(set_label); select_label.hover(i_hover).click(hide_option); // Form Reset $('input[type="reset"], button[type="reset"]').click(function(){ $(this).parents('form:first').find('.myValue').each(function(){ var origin = $(this).next('ul:first').find('li:first label').text(); $(this).text(origin).removeClass('selected'); }); }); }); //추가-박물관소개->주요시설->큰이미지보기 팝업 var win = null; function pop(path,wid,hei){ try{ win.close(); win = null; }catch(e){ } if( win == null ){ setTimeout(function(){ win = window.open('about:blank','sss','width='+wid+',height='+hei+',toolbar=no, menubar=no, status=, scrollbars=no, resizable=no'); var win_body = "" ; //새창의 여백조절 var win_img = "

"; //새창에 불려질 이미지 win.document.open(); win.document.write(win_body+win_img); // 새창에 이미지 불러오기 win.document.close(); },100); } }