모바일 환경에서 사용할 플로팅 메뉴를 작업하는 중에 iPad와 iPhone 의 Safari에는 touchmove 이벤트가 없어 약간 어려움이 있었는데 아래와 같은 코드를 추가해 touchmove 이벤트를 추가했다. 대부분의 안드로이드 환경에서도 잘 적용된다고 한다. <script> document.addEventListener(‘touchmove’, function(event) { alert(“touchmove”); }, false); </script> 참고자료 : https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html
오랜만에 만들어본 jQuery 롤링 코드이다. 아래와 같은 문서구조에서 li 가 위로 롤링되는 것이다. <ul> <li> <div>이미지</div> <div>이미지</div> <div>이미지</div> </li> <li> <div>이미지</div> <div>이미지</div> <div>이미지</div> </li> </ul> 그리고 아래는 css 코드이다. 설명을 위해 간단하게 작성했기 때문에 실제 적용은 안될 수 있다. ul { position: relative; width: 700px; height: 300px; overflow-y: hidden; } li { position: absolute; top: …
오늘 마무리 작업 중인 쇼핑몰 솔루션을 테스트하는 과정에서 특정 안드로이드 기기에서 상품의 옵션을 선택했을 때 추가가 되지 않는 문제가 발견되어 급하게 수정을 했다. select 를 이용해 옵션을 선택하면 선택된 옵션이 동적으로 추가되는 것인데 일부 기기에서 옵션이 자동으로 추가가 되지 않았다. 웹접근성을 맞추기 위해 mousedown 이벤트가 일어나면 option_add 라는 변수를 true로 설정하도록 한 코드에서 문제가 생긴 …
KCP 결제 모듈 샘플 페이지에 보면 결제 모듈 설치 안내 텍스트를 보여주기 위해 init_pay_button 이란 함수를 사용한다. 그런데 이 함수가 IE이외의 브라우저에서는 제대로 작동을 하나 IE에서는 결제모듈이 설치되어 있지 않아도 안내 메세지를 보여주지 않는다. 원인을 찾아보니 GetPluginObject 라는 함수에서 플러그인 Object를 구하게 되는데 IE에서는 결제 모듈이 설치되더 있지 않더라도 null 값이 되지 않는다. 그래서 아래와 …
자바스크립트를 이용해 select 의 선택된 값을 구하는 방법이다. 아래는 간단한 html 문서이다. <select name=”sel” id=”sel”> <option value=””>선택</option> <option value=”1″>1</option> </select> 자바스크립트로 이 select의 선택된 값을 구하는 방법은 두 가지가 있다. 먼저 for문을 이용해 구하는 코드이다. <script> var sel = document.getElementById(“sel”); var val; for(i=0; i<sel.options.length; i++) { if(sel.options[i].selected == true) { val = sel.options[i].value; break; } …