본문 바로가기
반응형

Programing66

[JS] HTML5 WebStorage 1. 지원하는 브라우저의 종류웹스토리지는 IE8+, 파이어폭스, 오페라, 크롬, 사파리를 지원합니다.IE7과 그 이전버젼에서는 지원하지 않습니다. 2. 데이터 저장 객체클라이언트에 데이터를 저장하기위한 두 종류의 객체가 있습니다.localStorage - 시간이 지나도 저장된 데이터가 지워지지 않습니다.같은 브라우저내에 다른 윈도우창에서도 데이터가 공유됩니다. sessionStorage - 하나의 세션의 데이터가 저장됩니다. server session의 개념과 다릅니다. 해당 윈도우내에서만 데이터가 공유됩니다. 같은 브라우저내의 같은 도메인이라도 윈도우창이 다르면 데이터를 공유하지 않습니다. 3. 스토리지 지원 여부 체크if ( typeof(Storage) !== "undefined" ) { //웹 스토.. 2013. 6. 28.
[JS] IOS Safari에서 화면회전시 가로 스크롤이 생기는 버그 해결방법 IOS 계열 사파리 브라우저에서 화면을 회전하면 브라우저에 가로 스크롤이 생기는 경우가 있다. 사파리에서 화면을 회전하면 textArea의 placeholder 영역이 늘어나면서 생기는 현상이다. 화면회전시 placeholder를 제거했다가 다시 추가해주는 방법으로 처리해야한다. 1. 화면회전에 대한 이벤트를 걸어준다. $(window).bind("orientationchange", fm_optimizeInput); 2. 모든 textArea의 placeholder를 제거하고 다시 설정한다. function fm_optimizeInput(){ ${"input[placeholder],textarea[placeholder]").each(function(){ var tmpText = $(this).attr(".. 2013. 6. 26.
[JS] 브라우저에서 마우스 우클릭을 사용하지 못하도록 하기 브라우저에서 마우스 우클릭을 사용하지 못하도록 하는 방법이다. document.body.oncontextmenu = function (){ return false; }; 2013. 6. 26.
[JS] input타입이 파일인 항목을 ajaxForm으로 전달하기 서버에 AJAX를 통해 입출력을 할때 요청 데이터에 이미지파일과 같은 형식이 있으면 일반적인 방법으로는 어렵다. 그래서 jQuery 플러그인을 사용하여 처리했다. 1. jquery.form.js 플러그인 설치 2. Form에 enctype 추가 3. Form에 ajaxForm 셋팅 $("[name='a']").ajaxForm({ complete : function(param) { //AJAX 후 처리 로직 처리 } }); 4. ajax 요청하기 바로 실행해도록 하자. 사용은 일반 Form과 같이 사용하면 된다. $("[name='a']").submit(); 5. 완료 2013. 6. 26.
반응형

티스토리툴바