PhantomJS를 이용해 서비스 개발 중 evaluate 안에서 AJAX 처리가 필요한 경우가 있어 아래 코드를 작성했다. 대상 웹페이지에 jQuery는 이미 로드된 상태라고 가정한다. “use strict”; var sys = require(“system”); var page = require(“webpage”).create(); var args = sys.args; page.open(‘http://example.com’, function(status) { var text = page.evaluate(function(arg) { var result; var category = arg[1]; jQuery.ajax({ async: false, cache: false, …
매번 자전거 탄 것만 올리다 이건 아니다 싶어 별로 어렵지 않은 jQuery를 이용한 코드를 하나 올린다. input 필드에 금액을 입력할 때 입력한 금액을 알아보기 위해 콤마를 표시하게 되는데 이걸 가능하게 하는 코드이다. 물론 jQuery는 페이지에 이미 로드되어 있다고 가정한다. <script> function number_format(data) { var tmp = ”; var number = ”; var cutlen = 3; …
해보고 싶은 건 일단 해보는 요즘이다. 트리메뉴를 만들어볼까? 하는 생각에 일단 시작을 했는데.. 이게 생각만큼 쉽지가 않다. 일단 트리메뉴를 출력하고 간단하게 추가, 수정, 삭제 정도만 되도록 해봤는데.. 물론 더 좋은 플러그인들이 있겠지만 이렇게 직접 해보는 게 구조를 이해하는 데는 좋기 때문에 나만의 코드로 코딩을 해봤다. 데모 : http://codepub.net/jquery/jqtree/jqtree.html jqTree : https://mbraak.github.io/jqTree/ jqTreeContextMenu : http://hackersome.com/p/DavidUv/jqTreeContextMenu 아래는 jqtree.html 파일의 코드이다. …
DB 등에 저장된 설정 데이터를 ajax json 데이터로 가져와서 입력폼의 input 등에 적용하는 개념적인 코드이다. $(“.config_load”).on(“click”, function() { var $el; var type = “config”; $.ajax({ type: “POST”, url: “./config_load.php”, cache: false, async: false, data: { type: type }, dataType: “json”, success: function(data) { if(data.error) { alert(data.error); return false; } $.each(data, function(key, val) { if(key == …
요즘 사이트를 보면 상단으로 버튼이 있는 경우가 있다. 그 때 적용할 수 있는 간단한 jQuery 애니메이션 코드이다. <script> $(function() { $(“#top_button”).on(“click”, function() { $(“html, body”).animate({scrollTop:0}, ‘500’); return false; }); }); </script> 이 간단한 코드가 조금 전까지는 생각조차 안났다는 게 너무 신기하다. 금요일이라 정신이 잠시 외출한 게 아닐까 싶긴한데.. ㅎㅎ