모바일 프로젝트를 핟보면 jQuery Mobile 에 있는 특정 기능만을 사용해야 할대가 있습니다. 예를 들어 swipeleft 와 같은 특정 모바일 이벤트들 을 말하는 것인대요. 기본적으로 jQuery Mobile 을 불러 올 경우 Document 를 jQuery Mobile 방식으로 변경합니다. 변경이 될 경우 뜻하지 않게 a tag 전체에 ajax 페이지 로딩 적용 및 페이지 하단에 Loading 요소가 생기는등의 작업이 진행 됩니다. 여기서 포스팅할 내용은 jQuery Mobile 에서 페이지 초기화를 간단한 스크립트로 막는 방법입니다. 우선 스크립트는 아래와 같습니다. $( document ).on( "mobileinit", function() { $.extend( $.mobile , { aut..
trim 은 문자열 앞뒤의 공백을 제거하는 함수의 이름으로 자주 사용되는대요. 기본적인 Chrome 과 Firefox 에서는 문자열.trim() 으로 사용이 가능합니다. 하지만 앞의 방법은 ie7, 8 에서는 작동하는 않는 방법임으로 사용을 추천하지 않습니다. ( Javascript 에러 발생 ) jQuery 에서 사용하는 방법은 아래와 같습니다. var text = $.trim(문자열); 위와 같은 방법으로 사용하셔 주셔야 되는대요. 간혹 trim 의 사용방법이 비슷한 관계로 해깔려서 틀릴수도 있으니 참고 하시기 바랍니다. 문자열.trim() -> X : ie7, 8 및 일부 브라우저 작동 불가$.trim(문자열) -> O : jQuery 를 이용한 trim 임으로 대부분의 브라우저에서 작동 가능 ps..
jQuery 에서 색으로 어떤 액션을 구분하려고 할때 발생할수 있는 문제점으로 컬러를 가져 올때 jQuery 는 RGB로 가져오게 되어 있습니다. 이런 컬러를 흔히 사용하는 Hex 로 구분해 주는 함수 입니다. function rgb2hex(rgb) { if ( rgb.search("rgb") == -1 ) { return rgb; } else { rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/); function hex(x) { return ("0" + parseInt(x).toString(16)).slice(-2); } return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]); } } 사용 방..
간단하게 Javascript 에서 문자열을 변경하는 함수인 replace() 입니다. var str = "Good Bye World"; var res = str.replace("Good Bye","Hello"); 위의 경우 Res 에는 Hello World 가 들어가게 됩니다. 제 경우 replace 를 많이 쓸때는 html 의 요소 컨트롤시 많이 사용합니다. 예를 들어 jQuery 에서 id='btn_1' 이고 class='btns' 라는 요소에 click 혹은 mouseenter 이벤트를 걸었을때 전혀 다른 요소인 box_1 에 대해 이펙트를 줘야 한다면? $(document).ready(function(){ $(".btns").click(function(){ var target_id = this.i..
크로스도메인을 통한 데이터 전송은 자주 있는 방식인대요. jQuery 플러그인으로 GET과 Yahoo API를 이용한 플러그인이 있기는 하지만 간단한게 jQuery 의 기능만으로 구현하는 방법을 소개드리겠습니다. 우선 jQuery 의 코드 입니다. $.ajax({ crossDomain:true, type: "POST", url: "http://api.test.com/testapi/", data: {url:document.URL}, success: function(data){ log(data); } }); 위의 코드에서 주요하게 보실점은 바로 crossDomain:true 부분입니다. jQuery 에서 crossDomain 을 true로 설정하면서 크로스 도메인을 사용한다는 설정을 하게됩니다. 하지만 jQ..
jQuery 는 매우 사용하기 쉬운 인터페이스를 제공하면서 관련 플러그인 역시 만들기 쉽게 해놓은 javascript 프레임워크 입니다. 여기서는 간단하게 jQuery 의 플러그인을 만들어 보겠습니다. jQuery.fn.myPlugin = function() { // 플러그인 내용이 들어갈 곳 }; 위의 코드는 기초적인 myPlugin 이라는 이름으로 만든 플러그인 폼입니다. 하지만 역시 jQuery 에서는 $을 써주는게 더욱 자연스러워 보입니다. 위의 코드는 아래와 같이 수정할 수 있습니다. (function( $ ){ $.fn.myPlugin = function() { }; })( jQuery ); 에서는 바로 jQuery 로 이미 요소를 받아서 $ 으로 처리 하기 때문입니다. 또한 위의 함수에서 만..
이 포스트는 https://deok.me/85 로 이전 되었습니다. 요즘은 PDF 를 바로 브라우져로도 볼수 있지만 내장 뷰어로 볼 경우 다운로드를 받지 않고 조금 깔끔하게 볼수 있게 하기위한 스크립트 들입니다. 물론 최근 브라우져들이 자체적으로 PDF뷰어 역할을 너무 잘해주기 때문에 조금 유용하지 않을수도 있지만 더욱 깔끔한 뷰어 기능을 하기 때문에 몇가지 소개시켜 드리겠습니다. 1. PDF.js PDF 로 Javascript 를 이용한 고퀄리티의 뷰어를 만들수 있습니다. 또한 파이어폭스의 플러그인으로도 사용되고 있는 플러그인이라고 합니다.저도 Project에서 적용하여 사용하였 었지만 단점이 있다면 모바일 계열의 브라우져에서 극단적으로 느려 지는 현상이 있습니다. PC에서도 빠른속도를 자랑하지는 않지..
- Total
- Today
- Yesterday
- cocos2d-x
- Nodejs
- Tutorialbook
- php
- 우분투
- 웹 개발
- 웹
- 인터넷
- Laravel
- it
- 서버 개발
- 게임
- ubuntu
- 맥
- SNS
- 서버
- 에러
- Database
- JavaScript
- 개발자
- 튜토리얼북
- html
- 개발
- 설치
- 웹 서버
- 데이터베이스
- 웹 개발자
- mac
- 게임 개발
- Developer
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |