Android WebView에서 웹페이지의 submit이 안 먹는 현상...

기존 asp로 돌아가는 모바일 사이트를 WebView로 띄워서

간단하게 갈려고 했는데..

세션처리문제는 어떻게든 통과했는데...

정작 장바구니에서 form을 javascript에서 submit을 해주는데..

전혀 동작을 안한다!!

온갖 구글링에 나온 짓은 다 해봤다...

1. WebSettings settings = mWebView.getSettings();
2.         settings.setJavaScriptEnabled(true);
3.         settings.setDomStorageEnabled(true);
4.         settings.setDatabaseEnabled(true);
5.         //settings.setDatabasePath(dbpath);
6.         settings.setJavaScriptCanOpenWindowsAutomatically(true);
7.         settings.setSupportMultipleWindows(true);
8.         settings.setSupportZoom(false);
9.         settings.setAllowFileAccess(true);
10.         settings.setAllowContentAccess(true);
11.         settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

전부 안됨..

이래저래 찾아보다가..

jquery 형식으로 form에 id를 주고 submit을 날렸더니..

오히려 메모리 오류가 발생..

문득 떠오르는 것이 있어서 수정했더니.. 드디어 성공!!

기존 약식으로 form 객체를 변수로 받아처리하던..

1. f.action = "~~~~~.asp";
2. f.submit();

를

1. document.Frm.action = "~~~~~.asp";
2. document.Frm.submit();

로 그냥 쭈욱 써줬더니.. 어이없게도 submit이 된다..

에구.. 이걸로 2일이나 까먹음..

끗~!

읽기 전용인 input 태그의 값이 변경되었을 때, 감지 방법

진짜.. 이걸로.. 쌩쑈를 다 해서리.. 정리차 적어 놓음..

0. 쇼핑몰 리뉴얼 중 주문 화면에서 우편 번호를 받으면 이게 산간 오지 지역이면 도선료를 추가로 부여해야 하는 상황 발생.

1. 쇼핑몰 솔루션을 자체 마이그레이션 하는 것이기에 알아서 해야 함.

2. daum의 주소찾기 사용 중.

3. 솔루션에서 script로 자체 기능 구현해 놨음.. button 태그 클릭하면 class 감지해서 우편번호 검색기가 뜨게..

4. 문제는 우편 번호를 받는 input 태그가 readonly 속성이라.. 값을 전~~~혀 읽을 수 없음!!

5. 어쩔까 고민하고, 구글링 한 결과.. readonly 속성이 붙은 건 어쩔 수 없고, 키 입력이 안들어오게 막는게 더 낫겠다란 생각이 들음. (readonly 속성을 때면.. 값이라도 읽을 수 있으니..)

6. css로 readonly 속성이 된 것처럼 보이게 하고.. 자~~ 이제 onchange 이벤트로 값을 읽어보자!!!

7. 어? 이거 왜 못 읽지?

8. 이리저리 삽질 시작.. jquery로 이벤트 리스너도 추가. bind도 해보고 triger도 해보고..

9. 안된다!!! 이 쉬운게 안된다니!!! 이게 뭔 상황이지??

10. 좀 더 구글링을 해보니.. change란 이벤트는 키 입력이 이뤄져야 발생이 되고, 값을 고쳐준 경우엔 별도의 처리가 필요하다!~ 란 걸 알게됨..

11. 이하. 조치 내용...

12. 아직도 배울게 많군화~~~~

1. var $input = $("#rcvPost"); //이놈이 오늘의 주인공 우편번호 input box!!   
2. $("#rcvPost").on('input', function() {
3.     // Do this when value changes
4.     console.log("Input text changed!" + $(this).val());
5. });

이렇게 javascript에서 선언하고..

별도의 함수를 구현해야 한다.. 이하 코드..

1. (function ($) {
2.     var originalVal = $.fn.val;
3.     $.fn.val = function (value) {
4.         var res = originalVal.apply(this, arguments);
5.  
6.         if (this.is('input:text') && arguments.length >= 1) {
7.             // this is input type=text setter
8.             this.trigger("input");
9.         }
10.  
11.         return res;
12.     };
13. })(jQuery);

이 같이 처리하면.. 값 변경이 일어나면.. 입력이 된 것처럼 동작시킨다..

진짜 끗!!

회사에서 excel을 import 해서 메일링 / 문자 서비스 등을 개발할 일이 생겨서 찾아 보았다..

http://oss.sheetjs.com/js-xls/

업무용 프로그램으로 GAUCE를 사용해서 구현했는데..

요샌 세상이 좋아서.. 바로 import 하는 jquery 프로그램들이 많이 있어서 편하다..

jQuery에서 문자열을 json 객체로 변환시...

http://api.jquery.com/jquery.parsejson/

jQuery.parseJSON() | jQuery API Documentation

api.jquery.com

parseJSON 을 사용하면 되는 건 맞는데!!! 주의 할 점!!!

문서 대강대강 보다가.. 2시간 날림..!!

문자열 만들때..

1 2	var obj = jQuery.parseJSON( '{ "name": "John" }' ); alert( obj.name === "John" );

반드시!!! 쌍따옴표를 써야 한다.. javascript여서.. 홑따옴표로 변형해서 썼더니 절대 안됐음..

설명을 잘 읽어 볼걸......

Passing in a malformed JSON string results in a JavaScript exception being thrown. For example, the following are all invalid JSON strings:

• "{test: 1}" (test does not have double quotes around it).
• "{'test': 1}" ('test' is using single quotes instead of double quotes).
• "'test'" ('test' is using single quotes instead of double quotes).
• ".1" (a number must start with a digit; "0.1" would be valid).
• "undefined" (undefined cannot be represented in a JSON string; null, however, can be).
• "NaN" (NaN cannot be represented in a JSON string; direct representation of Infinity is also not permitted).

jquery document, window ready, load 이벤트 순서 정리..

$(document).load( function() { console.log("doc load"); });	해당 이벤트 없음
$(document).ready( function() { console.log("doc ready"); });	1등
$(window).ready( function() { console.log("window  ready"); });	2등
$(window).load( function() { console.log("window load") $("#divOuter").fadeIn("slow"); });	document를 다 읽은 후 발생 3등

헷갈려서.. 그냥 함 돌려봄..