워드프레스에 키보드 단축키 적용하기
키보드 단축키? 그건 또 뭐냐?? 이렇게 생각할 수도 있습니다. 굳이 필요는 없는데 있으면 편한 것이라고 해야할까요? 티스토리를 사용할 때 관리자에 접속하기 위해서는 키보드의 Q 키를 누르면 됐습니다. 그 편한 것을 잊을 수가 없어서 결국 또 오늘.. 지금 이 시간에 또 삽질을 하고 있습니다. ㅋ 삽질이라기 보다 티스토리의 자바스크립트 코드를 워드프레스에 사용할 수 있도록 수정해서 적용한 …
Tag: JavaScript
웹접근성 향상 솔루션 g4s
뭔가 남들이 안하는 걸 하는 것 같아서 처음엔 좋았지만.. 점점 지쳐가는 모습을 보면서 ‘이거 꼭 해야하나?’ 하는 생각이 하루에도 몇번씩 들었다. 웹과 관련된 일을 한지가 그렇게 오래된 것은 아니지만.. 생각해보면 정말 다양한 일을 해본 것 같다. 기본도 없이 실무에 부딪히며 하나씩 만들어가면서 이전에는 그렇게 어렵게 느껴졌던 것들도 이젠 제법 잘 만들어 내는 걸 보면 스스로가 …
[JS] 동적으로 요소 추가 후 해당 요소로 스크롤 이동시키기
작업을 진행하다 보면 필요한 것이 계속해서 생겨나게 마련이다. 오늘 같은 경우는 에러 메세지를 보여주기 위한 요소를 동적으로 생성하고 문서 내 위치를 해당 요소로 이동시키는 것이 필요했다. 문서 내 이동은 잘 아는 것처럼 <a name=”이름”></a> 이런 식으로 지정할 수도 있고 특정 요소에 id를 지정하고 문서 URL 끝에 #id 를 붙여서 이동시킬 수가 있다. <script> var msg_el = …
[JS] 티스토리 블로그에 SyntaxHighlighter 적용하기 V2
가끔 “내가 왜 이 삽질을 시작했을까?”라는 생각이 들었던 것도 사실이지만 스스로가 마음에 들게 마무리가 되면 괜히 기분이 좋다. 어제도 SyntaxHighlighter 적용한다고 밤늦게까지 작업했는데.. 오늘도 꽤 많은 시간을 투장해 드디어 원하는 결과물을 만들어 낸 것 같다. 어제 작업한 것도 괜찮았는데.. jQuery를 뺀 자바스크립트만으로 뭔가 해보고 싶다는 생각을.. 이거 하지 말았어야 하는데.. 암튼 이거 하면서 또 뭔가 새로운 것을 알게 …
[jQuery] IE에서 jQuery mousemove() 이상동작
메뉴바 스크립트 작업을 하다 보니 IE8에서.. 아니 IE 계열에서 jQuery mousemove()가 이상 동작을 하는 것을 발견했다. 아래 코드는 처음 작성한 코드인데.. 크롬이나 파이어폭스에서는 제대로 작동을 하는데.. IE만.. ㅠㅠ $(function() { var mouse_event = false; $(document).mousemove(function() { mouse_event = true; }); }); mousemove 이벤트가 발생하지 않아도 IE에서는 무조건 mouse_event 값이 true 가 돼서 아래처럼 코드를 수정했다. …