본문 바로가기

javascript8

[javascript]csv 파일 다운로드 만들기 javascript로 csv 파일 다운로드 만들기 보통 csv 파일을 다운로드하려면 browser에서 서버로 요청을 해서 파일을 다운로드 하도록 만든다. 화면에 나오는 데이터에 관한 동일한 filter 조건들을 넘겨서 query 한 뒤 파일로 만들다. 화면에 있는 그대로 하는 더 쉬운 방법이 있다. html 엑셀다운로드 js function exportDataToCSVFile(header, keys, body) { var csv = '' csv=header.join(','); csv+='\n'; $.each(body, function(index, rows){ if(rows){ var tmp = []; $.each(keys, function(index, key){ key && tmp.push(rows[ke.. 2016. 9. 13.
Dynamic Form Create 생성 Pure javascript form 동적 생성 동적으로 form element를 만들어서 submit 시키는 함수이다. Pure javascript form dynamic create It makes form element dynamically and submit. function dynamicForm(param1, param1){ var obj = {'param1':param1, 'param2':param1}; var form = makeForm(obj); form.action = "../dir/sub"; form.submit(); } var makeForm = function(obj){ var f = document.createElement('form'); f.method='post'; for(el.. 2014. 11. 11.
자바스크립트 모듈 패턴 자바스크립트 모듈 패턴 closer 를 이용한 private 변수 선언 var SpriteFactory = (function () { "use strict";// 엄격한 문법. 참조1 var index = 0,//--- private 영역 시작 sprites = {}, Sprite = function (config) { return { index: index++, x: config.x || 0,//config.x가 있으면 해당 값을 x에 넣고, 없으면 // 0을 넣는다. y: config.y || 0,// ||는 or이기 때문에 앞에 것이 true 즉, 값이 // 있으면 그 값을 가지고 가고, 없으면 다음을 확인한다. width: config.width || 0, height: config.height .. 2013. 10. 2.
[tipJS] tipJS를 이용한 테스트- 웹앱 복불복 게임. 다운 받아서 실행해보세요. 빈칸에 이름을 넣고, 시작 버튼을 누르면 된다. 최소 2명의 이름이 들어가야 하고, 최대치는 없다. tipJS를 사용하였다. tipJS는 javascript 기반의 MVC 프레임워크로 국내 개발자인 백승현씨가 개발한 오픈소스이다. 자세한 사용법은 (http://tipjs.com) 에 들어가면 나와있고, 예제 소스와 튜터리얼 소스를 받아 볼 수 있다. 개발 방법은 해당 싸이트에 가면 대단히 자세히 나와 있으므로 나는 사용자 입장에서 적어보겠습니다. 1. 처음 세팅이 어렵습니다. 한 번 끝나면 어렵지 않습니다. 굉장히 쉽습니다. 그런데... 저 처럼 글을 대충 읽는 사람은 설정하는데 1,2 시간은 보내네요. (부끄럽습니다. ㅠㅠ) 2. Model과 View가 완벽하게 분리되어 있습니다. 장점입니다. 3. 소.. 2013. 5. 31.