전체 글 234

javascript youtube api iframe 제어(play/pause/stop)

youtube api가 ie8에서 오류가있어서 iframe으로 제어해야할 일이생김. 그냥 iframe에 id값만 지정을해주고, src쪽에는 enablejsapi=1&version=3&playerapiid=ytplayer 넣어주고.. $('#player')[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); jquery로 선택자 해서 postMessage를 해주면 제어가되는부분.. func 쪽에 넘겨줄값은 원하는 제어값을 넣어주면 된다. javascript로 할려면 getElementById로 하면되는부분.. ex) 재생 = playVideo 일시정지 = pauseVideo 중지 = stopVideo ..

jQuery Swiper/슬라이드 플러그인

참고 : http://www.idangero.us/sliders/swiper/ jquery/swiper.js 1. js랑 css를 include.ㅋ * 슬라이드 사이즈를 조정할경우 css수정해도되고, 새로 정의해도됨./* Specify Swiper's Size: */ .swiper-container, .swiper-slide { width: 500px; height: 200px; } 2. 구조는 아래와같은 구조로 해야함. 3. 초기화시켜주면 끝 터치슬라이더는 이거아니면 flexslider을 사용하는 편임.

jQuery input,textarea 글자수(byte) 체크

바이트값을 체크해야 할 때가 있다. ex) 200자이내로 입력해주세요.. 간단하게 onkeyup이벤트를 걸어서 자바스크립트로 처리해오곤했는데, 모바일에서 문장단위로 복사해서 붙여넣기하면 keyup이 안먹었다. 그래서 그냥 jquery로 해결했다. change/keyup/input CODE : $('textarea#USR_TXT').bind("change keyup input",function() { var el = document.form1.USR_TXT; var ls_str = el.value; var li_str_len = ls_str.length; var li_max = 200; var i = li_byte = li_len = 0; var ls_one_char = ls_str2 = ""; for(i..

jQuery closest()/parents() 부모 접근

* closest() 첫번째 부모 엘리멘트에 접근한다. * parents() 모든 부모 엘리멘트에 접근한다. CODE : I II A B 1 2 3 C III $("li.item-a").closest("ul").css("background-color", "red"); └ closest 의 경우에는 item-a 엘리멘트의 가장가까운 level-2 만 배경색이 변경된다. $("li.item-a").parents("ul").css("background-color", "red"); └ parents 의 경우에는 item-a 엘리멘트의 모든 부모 ul 엘리멘트의 배경색이 변경된다.

SNS(페이스북/트위터/핀터레스트) 링크단순공유하기

단순히 버튼이나 a태그에 사용할수있는 공유 스크립트 function fnShareFb(sMsg,sUrl) { var href = "http://www.facebook.com/sharer.php?u=" + sUrl + "&t=" + encodeURIComponent(sMsg); var a = window.open(href, 'facebook', 'width=800, height=500'); if ( a ) { a.focus(); } } function fnShareTw(sUrl){ var sTxt = "텍스트"; var href = "http://twitter.com?status="+encodeURIComponent(sTxt)+" "+encodeURIComponent(sUrl); var a = window..

페이스북 2014.11.20