모바일 환경에서 사용할 플로팅 메뉴를 작업하는 중에 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
쉽게 생각하고 덤벼들었다가 3일째 삽질 중이다. 얼추 기능을 넣어 마무리하면 되겠구나 싶었는데 여러 기기에서 테스트를 해보니 문제가.. ㅠㅠ 여전히 수정 중인데 아래 이미지처럼 상하단 메뉴가 스크롤 이동 때 사라졌다가 다시 제 위치에 표시되도록 하는 것인데 생각보다 쉽지가 않다. 퇴근 길에 문득 떠오른 아이디어가 있어 잠깐 작업을 해봤는데.. 내일 출근해서 좀 더 다양한 기기에서 테스트를 해봐야 …
제목 정하는 게 여전히 쉽지 않다. 모바일 환경에서 쇼핑몰 상품 리스트 정렬은 쉽지 않은 문제이다. 해상도가 제가각이고 가로 세로 회전이 가능하기 때문에 그에 따라 리스트 정렬이 변경되어야 하는데.. 이번에 그걸 하기 위해서 간단한 스크립트를 작성해 봤다. float: left; 속성을 가지는 li들을 나열시키는데 화면 사이즈에 맞춰서 적당히 패딩값을 부여해서 상품이 화면 가운데 보이도록 했다. padding-right 값 …
운영 중인 워드프레스 블로그에 SNS 공유 버튼을 추가하기로 했다. JetPack 플러그인을 이용해서 공유 버튼을 추가할 수도 있는데 각 SNS 서비스에서 제공하는 버튼을 블로그 포스트 하단에 추가하기로 했다. 이 삽질을 시작한 것은 애드센스 스코어카드에 +1 버튼을 추가하라고 해서 일단 시작을 한 것이다. 코드는 SNS 서비스에서 제공을 해주기 때문에 어려운 것은 없는데 css 속성을 구성하는 것이었다. 간만에 …
이런 경우가 있다. PHPWord를 이용해 워드 파일을 생성하고 다운로드하는 것인데 사용자가 폼에서 입력한 값을 이용해 워드파일을 생성해야 한다. 그런데 워드파일을 다운로드 후에 완료 안내 페이지를 보여줘야할 경우가 생겼다. 자바스크립트나 기타 여러 방법으로 다운로드 후 완료 페이지로 이동을 하도록 하면 되는데.. 여기서 문제가 발생한다. 워드파일을 생성하는 파일에는 php 코드외에 html 태그가 들어가 있으면 파일 다운로드도 되지 …