JS
반응형
JS & jQuery
아코디언 메뉴
#아코디언 메뉴 $(function(){ var acodian = { click: function(target) { var _self = this, $target = $(target); $target.on('click', function() { var $this = $(this); if ($this.next('.real_content').css('display') == 'none') { $('.real_content').slideUp(); _self.onremove($target); $this.addClass('on'); $this.next().slideDown(); } else { $('.real_content').slideUp(); _self.onremove($target); } return fals..
JS & jQuery
wing 배너(fix)
#스크롤시 따라다니는 wing 배너 $(window).scroll(function() { var scrollY = $(document).scrollTop(); var minusY = $(".at-lnb").height() + $(".at-header").height(); //console.log(scrollY); if (scrollY > minusY) { $(".wing-left , .wing-right").stop().animate({'top':fix를 원하는 수치만큼},600); } else { $(".wing-left , .wing-right").stop().animate({'top':'처음고정값'},600); } }); *css로 fixed 시키는 방법도 괜찮지만 간혹 디자인에 의해서 못시키는 경..
JS & jQuery
스크롤 제어
#모든 터치 및 마우스 이벤트 제거 $('html, body').css({'overflow': 'hidden', 'height': '100%'}); $('#element').on('scroll touchmove mousewheel', function(event) { event.preventDefault(); event.stopPropagation(); return false; }); #스크롤 이동 허용 $('#element').off('scroll touchmove mousewheel'); *의도한 콘텐츠를 다 못보여주는 경우, 동적으로 변하는 웹사이트를 보여주기 위해 사용자의 스크롤 이동을 강제하는 것이 필요한 경우 사용
JS & jQuery
체크박스
#체크박스 1.전체선택 2.모두 체크했는지 유무 See the Pen 체크박스 by Kim Mi Seon (@miseon920) on CodePen. #덧붙여서 라디오 버튼도 같음 if($(':radio[name="wr_subject"]:checked').length < 1){ alert('분류를 선택하세요.'); return false; } *라디오 버튼의 경우 name을 통일해야함! ++추가 (필수사항과 필수가 아닌것이 있을때 / 네이버 클론코딩) _ by.써니&빠용 *최종(form 태그안에서의 실질적인 상태가 있을경우에는 prop를 사용하길) .attr() 을 통해서는 element가 가지는 속성값이나 정보를 조회 (style, src, rowspan 등) 하거나 세팅할때 사용 .prop() 를 통..
JS & jQuery
숫자 up_down
#숫자 업다운 ie에서 input type="number"가 먹지 않을때 대체가능 See the Pen Untitled by Kim Mi Seon (@miseon920) on CodePen. *제이쿼리 #맨처음 짠것을 증감 연산자를 사용하여 위처럼 간단하게 짤수있음 See the Pen 숫자카운팅 by Kim Mi Seon (@miseon920) on CodePen. ++++++최종 클릭시에도 변하며 직접 수정이 가능하다 또한 숫자만 받을 수 있다. See the Pen Untitled by Kim Mi Seon (@miseon920) on CodePen.
JS & jQuery
글자 히든처리
#글자 히든처리(예-이름:김XX) function replace_asterisk($str) { $str_len = mb_strlen($str, "UTF-8"); if($str_len > 2) { return mb_substr($str,0,1).str_repeat('*',$str_len-1); } else { return mb_substr($str,0,1).str_repeat('*',$str_len-1); } } function str_hidden($str){ global $is_admin; if($is_admin){ return $str; }else{ $length=mb_strlen($str, "utf-8"); for($i=0;$i 위의 형식으로 쓰면 수정시에도 값이 날라가지 않음
JS & jQuery
프린트_print();
#원하는곳 프린트 하기 테스트 페이지 프린트 function printContent(el){ var restorepage = $('body').html(); var printcontent = $('#' + el).clone(); var enteredtext = $('#h_print').val(); $('body').empty().html(printcontent); window.print(); $('body').html(restorepage); $('#h_print').html(enteredtext); } function myFunction() { var myWindow = window.open("프린트할 새페이지주소","","width=1000,height=862"); } *해당부분을 추출하여 새페이지로..
728x90
반응형
