question 1. question1 매우 그렇지 않다 그렇지 않다 보통이다 그렇다 매우 그렇다 2. question2 매우 그렇지 않다 그렇지 않다 보통이다 그렇다 매우 그렇다 3. question3 매우 그렇지 않다 그렇지 않다 보통이다 그렇다 매우 그렇다 다음 var btn_next = document.getElementById('js_btn_next'); var radio_tot = document.getElementsByClassName('item').length; btn_next.onclick = function (){ for(i=1; i
// textarea count function fn_checkByte(obj){ const maxByte = 400; //최대 400바이트 const text_val = obj.value; //입력한 문자 const text_len = text_val.length; //입력한 문자수 let totalByte=0; for(let i=0; i4){ // 한글 : 2Byte totalByte += 2; }else{ // 영문,숫자,특수문자 : 1Byte totalByte += 1; } } document.getElementById('js_count_crt').innerText = totalByte; if(totalByte>maxByte){ alert('최대 400Byte까지만 입력가능합니다.'); } }
$(document).ready(function() { $('.js_cmt_textbox').length && countText(); $('.js_count_cmt').length && countComment(); }) // textarea 글자수 count function countText() { $('.js_cmt_textbox').keyup(function(){ var content = $(this).val(), count_crt = $('.js_count_crt'); if(content.length == 0 || content == ''){ count_crt.text('0'); }else{ count_crt.text(content.length); } }) } // 전체 댓글 수 count func..
테이블 타이틀 테이블 컨텐츠 인쇄 *참조 https://openuri.net/entry/%EC%9B%B9%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98-%ED%8A%B9%EC%A0%95-%EB%B6%80%EB%B6%84%EB%A7%8C-%EC%9D%B8%EC%87%84%ED%95%98%EA%B3%A0-%EC%8B%B6%EC%9D%84-%EB%95%8C
function btnTop(){ $(window).scroll(function(e){ if ($('html, body').scrollTop() > 200) { $('.js-btn-top').addClass('on'); } else { $('.js-btn-top').removeClass('on'); } }); btnTopScroll(); } function mBtnTop(){ $(window).scroll(function(e){ if($(this).scrollTop() > 70){ $('.js-btn-top').addClass('on'); }else{ $('.js-btn-top').removeClass('on'); } }); btnTopScroll(); } function btnTopScroll(){ $..
date picker 활용해서 date rangepicker 사용하기 From to 실제 프로젝트 적용 $( function() { var dateFormat = "yy-mm-dd", from = $( "#from" ) .datepicker({ defaultDate: "+1w", changeMonth: true, changeYear: true, numberOfMonths: 1, dateFormat : "yy-mm-dd", dayNamesMin : ["일", "월", "화", "수", "목", "금", "토"], monthNamesShort : ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], }) .on( "change", function..
HTML more list 1 more list 2 more list 3 more list 4 more list 5 more list 6 MORE CSS .box-list{ width: 100%; } .box-list:after{ display: block; content: ''; clear: both; } .box-list > li{ float: left; margin-left: 20px; margin-top: 20px; border: 1px solid #e8e9ee; } .box-list.n3{ margin-top: -20px; } .box-list.n3 > li{ width: calc((100% - 41px)/3); } .box-list.n3 > li:nth-child(3n+1){ margin-le..
*HTML AAA BBB AAA contents BBB contents *jQuery $(document).ready(function(e){ var link = window.location.href; var day_link = link.split('?'); var control_tab = day_link[1]; if(control_tab == 'AAA'){ $('.sub-tab-menu > li').removeClass('on').eq(0).addClass('on'); $('.sub-tab-con').hide().eq(0).show(); } else if(control_tab == 'BBB'){ $('.sub-tab-menu > li').removeClass('on').eq(1).addClass('on'..