본문 바로가기

Web/javascript & jQuery

textarea 글자 수 표시하기 $(document).ready(function(){ document.oncontextmenu = new Function('return false'); document.ondragstart = new Function('return false'); document.onselectstart = new Function('return false'); $(function() {function updateInputCount() { var textLength = $('textarea').val().length; var count = textLength; $('span.input-counter1').text(count); if (count >= 250) { $('span.inputCnt').addClass('disab.. 더보기
hoverIntent jQuery Plugin 출처 : https://briancherne.github.io/jquery-hoverIntent/ 더보기
유투브 동영상 api를 이용해 제어하는 방법 유투브 영상을 퍼올때 보통은 아래의 이미지처럼 공유의 iframe 소스코드를 복사해서 사용하지만, 자동재생, 음소거 등 다양한 설정을 할 수 없는 부분이 있었습니다. 옵션항목을 제어하기 위해서 유투브 API 코드를 활용할 수 있는데요~ 사용방법은 간단합니다. 유투브 동영상을 재생시켜줄 틀 하나 생성해주세요. ex. 출처 : https://developers.google.com/youtube/iframe_api_reference 더보기
앵커 클릭시 부드럽게 스크롤이동 앵커 01 앵커 02 앵커 01의 내용 앵커 02의 내용 위와 같은 앵커 이동의 소스코드가 있다고 했을 때 좀더 부드럽게 출력할 수 있도록 해보장.ㅋ 더보기
특정 타겟으로 부드럽게 스크롤 되는 스크립트 기존 앵커는 타겟이 될 요소에 id를 지정하여 href속에서 해당 #id를 넣어 별 문제 없이 진행을 했었다. 그러나 앵커 연결시 다른 요소때문에 가려지는 문제가 생겼다. 헤더영역이 position:fixed로 되어있어서 앵커설정된 부분과 겹치는 것이다! 생각해보면 별 것 아니었는데 참... offset.top 에 fixed잡힌 요소의 높이값만큼 영역을 늘려주고 해결했다. Scroll to target 출처 : http://jewonagency.com/ 더보기
컨텐츠 불펌 제한 http://bavotasan.com/2010/add-a-copyright-notice-to-copied-text/ 더보기
a 태그의 href 주소 변경하기 $('엘리먼트요소').prop('href', 변경할값); 더보기
접속 후 강제 페이지 이동 1 2 3 4 5 6 location.replace("이동할 주소"); location.href("이동할 주소"); history.go(-1); location.reload(); 더보기