// 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'..
CSS .fixed{ position: fixed; left: 0; bottom: 0; z-index: 2; width: 100%; background-color: #fff; padding-bottom: 0; } jQuery $(document).ready(function(){ if(wWidth $(document).height() - top){ $('.sponsor-banner, #footer').removeClass(..
- Total
- Today
- Yesterday
- 스크롤커스텀
- flipanimation
- 이미지맵반응형
- 경력직웹퍼블리셔이직
- 에러이미지속성
- phpif조건문
- marquee javascript
- rwdImageMaps
- 자동인쇄script
- 인쇄스크립트
- flipjavascriptanimation
- clockflipanimation
- marquee html
- 스크롤커스텀css
- 스티키효과
- 흘러가는텍스트효과
- calendarflipanimation
- 2단레이아웃반응형
- calendarflipjavascript
- 이미지onerror
- 에러이미지마크업
- php조건문축약형
- marquee css
- php조건문
- sticky제이쿼리
- 텍스트플로팅효과
- flipjavascript
- a태그다운로드
- 그리드반응형
- 퍼블리셔이직
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |