/* *******************************************
[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('