/* ******************************************* [1][ prefix ] uifn_ [2][ index ] 1. Variables (전역변수) 2. Init (초기설정) 3. Utility (유틸리티) 4. Custom (라이브러리 커스텀) 5. Content (컨텐츠) [3][ update ] 2020.12.02 FOOT area - popup, family site, scrollTop 2020.12.10 FORM - check-All, input-File-Add, Select Custom ******************************************* */ /* * * * * * * * * * * * * * * * * * * * * * (1) Variables (전역변수) * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * 2. Init (초기설정) * * * * * * * * * * * * * * * * * * * * * */ $(document).ready(function(){ // history back $(".back").on("click", function () { history.back() }); // main css 호출 제거 var uifn_DISCR = $('#container').attr('class'); var uifn_DISCRCLASS = "main"; if (uifn_DISCR != null && uifn_DISCR.indexOf(uifn_DISCRCLASS) == -1) { jQuery("link[rel=stylesheet][href*='css/main.css']").remove(); }; // header minify $(function(){ $(window).scroll(function(){ var headerH = $('.common_header > .hd_top_banner').outerHeight() + $('.common_header > .area').outerHeight(); var miniGnbH = $('.common_header > .gnb').outerHeight(); if ($(window).scrollTop() >= headerH){ //header minify $("header").addClass("minify"); $("#container").css("padding-top",miniGnbH); } else { //header minify $("header").removeClass("minify"); $("#container").css("padding-top","0px"); } }); }); // items like on/off $(function(){ $(".itemLike").click(function () { $(this).toggleClass("likeit"); }); }); }); /* * * * * * * * * * * * * * * * * * * * * * * 3. Utility (유틸리티) * * * * * * * * * * * * * * * * * * * * * */ // FORM // input-File-Add $(document).ready(function() { if (window.File && window.FileList && window.FileReader) { $("#fileAdd").on("change", function(e) { var files = e.target.files, filesLength = files.length; console.log(filesLength); var cmtLa = $('.cmt .cmt_thumb .form_field .imgUpload label'); var cmtIn = $('.cmt .cmt_thumb .form_field .imgUpload input'); var myrvLa = $('.myReviewWrite .form_field .imgUpload label'); var myrvIn = $('.myReviewWrite .form_field .imgUpload input'); for (var i = 0; i < filesLength; i++) { var f = files[i] var fileReader = new FileReader(); fileReader.onload = (function(e) { var file = e.target; console.log(file); $("" + "" + "
Removes image" + "
").insertAfter("#fileAdd"); $(".removes").click(function(){ $(this).parent(".pics").closest(".imgUpload").children("input").val(""); $(this).parent(".pics").remove(); cmtLa.css('display', 'block'); cmtIn.css('display', 'block'); myrvLa.css('display', 'block'); myrvIn.css('display', 'block'); $('#fileAdd').removeAttr("disabled"); }); }); fileReader.readAsDataURL(f); var maxFileLength = 10; /* 최대 파일 갯수를 입력해 주세요 */ var imgFiles=$('.imgUpload .pics'); var cmtLa = $('.cmt .cmt_thumb .form_field .imgUpload label'); var cmtIn = $('.cmt .cmt_thumb .form_field .imgUpload input'); var myrvLa = $('.myReviewWrite .form_field .imgUpload label'); var myrvIn = $('.myReviewWrite .form_field .imgUpload input'); if (imgFiles.length >= maxFileLength-1) { $('#fileAdd').attr("disabled",true); cmtLa.css('display', 'none'); cmtIn.css('display', 'none'); myrvLa.css('display', 'none'); myrvIn.css('display', 'none'); } else if(imgFiles.length < maxFileLength){ $('#fileAdd').removeAttr("disabled"); } } }); } else { alert("브라우저가 File API를 지원하지 않습니다.") } }); // input-File-Adds $(document).ready(function() { if (window.File && window.FileList && window.FileReader) { $("#fileAdds").on("change", function(e) { var files = e.target.files, filesLength = files.length; for (var i = 0; i < filesLength; i++) { var f = files[i] var fileReader = new FileReader(); fileReader.onload = (function(e) { var file = e.target; $("" + "" + "
Removes image" + "
").insertAfter("#fileAdds"); $(".removes").click(function(){ $(this).parent(".pics").remove(); }); }); fileReader.readAsDataURL(f); } }); } else { alert("브라우저가 File API를 지원하지 않습니다.") } }); // check-All $( document ).ready(function() { var $chkAll = $('.check-all'); $chkAll.change(function () { var checked = $(this).prop('checked'); $('input[name="dd"]').prop('checked', checked); }); var ddChk = $('input[name="dd"]'); ddChk.change(function () { var ddChkLength = ddChk.length; var checkedLength = $('input[name="dd"]:checked').length; var selectAll = (ddChkLength == checkedLength); $chkAll.prop('checked', selectAll); }); }); //Select Custom $( document ).ready(function() { $('select').each(function(){ var $this = $(this), numberOfOptions = $(this).children('option').length; $this.addClass('select_hidden'); $this.wrap('
'); $this.after('
'); var $dressSelect = $this.next('div.select_dress'); $dressSelect.text($this.children('option').eq(0).text()); var $selList = $('