JavaScript6 jQuery ajax 파일업로드 jQuery로 파일업로드 방법에 대해 알아보고자 한다. jQuery 플러그인 중 jQuery Form Plugin 라는게 있지만 여기서는 jQuery와 FormData 객체만으로 업로드 하는 방식을 알아보겠다. jQuery 버전은 3.3.1을 사용했다. FormData는 자바스크립트 객체로 multipart/form-data 인코딩 방식과 동일한 방식을 사용하도록 제공된다고 한다. HTML (+Bootstrap) Title Content Choose file JavaScript // Form 전체를 넘겨주는 방식 var formData = new FormData($("#form")[0]); // 아래 주석은 위와 같은데 표현만 다름 // var formData = new FormData(document... 2019. 9. 8. Eclipse AngularJS 플러그인 설치 jQuery 같은 JavaScript를 쉽게 처리해주는AngularJS라는 JavaScript Framework가 등장했다. 사이트는 여기 https://www.angularjs.org/벌써 2버전이 나왔나보다. 이클립스에서 AngularJS 코딩을 도와주는 플러그인을 설치해보자. 이클립스 메뉴에서Help -> Eclipse Marketplace... 선택 Eclipse Marketplace 창에서AngularJS 검색하여 설치(아래 그림은 이미 설치되어 있음) 그리고 이클립스 프로젝트 마우스 오른쪽 버튼을 눌러Configure -> Converto to Angular JS Project... 선택 결과 참고https://github.com/angelozerr/angularjs-eclipse 끝. 2016. 5. 10. jqGrid ColNames Change 컬럼명 변경 var colModel = $("#jqgrid").jqGrid('getGridParam', 'colModel'); // 컬럼명을 배열형태로 가져온다. jQuery("#jqgrid").jqGrid("setLabel", colModel[0]['name'], "abc"); // setLabel 함수로 0번째 컬럼명을 abc로 변경, for문으로 돌려도 된다. 끝. 2013. 1. 8. JavaScript 성능 향상(팁, 최적화) 1. 모든 태그는 태그 앞에 둔다.2. 스크립트 내용 양에 상관없이 태그를 적게 선언한다.3. getElementById()와 getElementByTagName()보다 querySelectorAll() 내장 메서드를 사용하라.4. 요소나 값의 배열은 루프를 돌릴 때 length 값을 지역변수로 할당한다.예) for (var i = 0; i for (var i = 0, len = items.length; i < len; i++);5. if-elseif-else문보다 switch문이 더 빠르다. 또, if-elseif-else문에서 자주 조건에 걸리는 내용을 먼저 if 걸어라. 2012. 10. 23. nyroModal dialog (modal) - 레이어 팝업 1. 홈페이지 https://nyromodal.nyro.dev/ nyroModal v2 :: jQuery Plugin NyroModal v2 :: jQuery Plugin Edito Designers seem to like using modal windows more and more, as they provide a quick way to show data without reloading the entire page. It's easy to use and easy to design. The big problem I experienced with every plugin I nyromodal.nyro.dev 2. jQuery 기반 plugin jQuery 최신 버전인 1.6.3 에서도 동작한다. Ajax A.. 2011. 9. 9. 팝업창 크기 자동 조절 팝업창 크기 맞추기 자신창 태그 바로 위에 작성 function popupResize() { var divEl = document.createElement("div"); divEl.style.position = "absolute"; divEl.style.left = "0px"; divEl.style.top = "0px"; divEl.style.width = "100%"; divEl.style.height = "100%"; document.body.appendChild(divEl); var Dwidth = parseInt(document.body.offsetWidth); var Dheight = parseInt(document.body.offsetHeight); window.resizeBy(Dwidth-d.. 2011. 5. 17. 이전 1 다음
