티스토리

막블로그
검색하기

블로그 홈

막블로그

otep.tistory.com/m

묵고 마시고 즐기고 공부하고 일하며 살아가는중

구독자
0
방명록 방문하기
공지 about me 모두보기

주요 글 목록

  • 주소창에서 url 파라미터 숨기기 history.replaceState({}, null, location.pathname); 공감수 1 댓글수 0 2021. 4. 29.
  • 다음카카오 지도 사용법 1. 다음 카카오 API 에 사이트 도메인 등록 https://developers.kakao.com/apps/275571/settings/general [플랫폼]->[사이트도메인] http:// 를 포함한 주소 입력 예) http://www.tistory.com 2. 다음카카오맵 api 사용법 예제 굵은 색 란이 app key 값 입니다. 위의 스크립트는 공통 페이지에 넣으시던지 단일 페이지에 넣으시던지 무조건 선언 level 이 높아질수록 지도가 축소되어 범위가 넓어보입니다. 여러개의 마커가 들어갈 경우 확인해가시며 레벨을 조정 부탁드립니다. 기존에 있던 지도를 변경하는 것이라, 쉽게 변경하실 수 있을 겁니다. 2-1. 맵에 표시할 마커가 1개 일때 http://www.hwaseunggroup.com/.. 공감수 0 댓글수 0 2021. 3. 9.
  • 유용한 자바스크립트 라이브러리 autocomplete 모음http://autocompletejs.com/http://autocomplete-js.com/http://atmb4u.github.io/AutoJS/http://hakib.github.io/MassAutocomplete/highlight.js신텍스 하일라이터. 코드 3줄이면 페이지 내 코드를 자동으로 인식해서 하일라이팅 해주는 라이브러리. https://highlightjs.org/textures.jsSVG 패턴을 생성해주는 d3.js 확장 라이브러리. 데이터 시각화. http://riccardoscalco.github.io/textures/krakenjsexpress를 위한, 보안 및 확장 가능한 레이어. 페이팔 오픈소스. http://krakenjs.com/intract... 공감수 3 댓글수 1 2018. 7. 12.
  • [JS] HTML 화면을 PDF로 출력 프로젝트에서 화면(html)을 PDF로 출력해야하는 경우가 생겼다. iText 라이브러리의 경우 html을 pdf로 변환해주지만 CSS 적용에 한계가 있어서(매우 제한적이다) 결국 이미지로 변환을 거쳐 PDF로 출력하는 방법을 선택했다. 사용한 라이브러리는 아래 3가지이다. bluebird.min.js (3.5.0)bluebird.js: 아래 라이브러리에서 사용하는 Promise 함수를 IE에서도 사용할 수 있게 해준다. http://bluebirdjs.com/docs/getting-started.html html2canvas.min.js (0.5.0-beta3)html2canvas.js: 현재 브라우저에 의해 렌더링된 화면을 canvas로 변환해준다. https://html2canvas.hertzen... 공감수 1 댓글수 0 2018. 4. 17.
  • Html Img Map 동적으로 적용하기 (Using rwdImageMaps.js in jQuery) 반응형웹에서 이미지맵을 사용할 경우, 웹 환경에 맞춰져있는 이미지 좌표값이화면의 크기나 이미지가 동적으로 변하는 모바일에서는 맞지 않는 경우가 발생한다.이럴 경우 사용하는 rwdImageMaps.js 실제 이미지 크기와 일치하도록 영역 좌표를 다시 계산하여 반응 형 디자인에서 이미지 맵을 사용할 수 있다. 플러그인 링크 : https://github.com/stowball/jQuery-rwdImageMaps 12345$(document).ready(function(e) { $('img[usemap]').rwdImageMaps();\});cs 이렇게만 해주면 알아서 쫘란짠짠.. ------------------------------------------------------------------------.. 공감수 0 댓글수 0 2017. 9. 11.
  • 셀렉트 박스 데이터 이동 공감수 0 댓글수 0 2016. 1. 6.
  • 주소록 초성기준으로 뿌려주기 공감수 0 댓글수 0 2015. 10. 22.
  • [jQuery] fullCalendar.formatdate가 동작하지 않는 경우 // jQuery fullCalendar를 이용해 테스트 페이지를 만들던 도중 date의 format를 바꾸기위해// $.fullCalendar.formatDate(start,'yyyy-MM-dd HH:mm:ss'); 처럼 formatDate를 사용한 결과// 스크립트 에러가 undefined is not a function 와 같이 발생하였다.​// 문제는 fullCalendar 2점대 버전에서는 더이상 해당 함수를 지원하지 않고// moment.js를 import해 .format() 함수를 사용해야 한다.​start=moment(start).format('YYYY/MM/DD');end=moment(end).format('YYYY/MM/DD');[출처] jQuery fullCalendar.formatd.. 공감수 0 댓글수 0 2015. 4. 28.
  • [Jquery] jquery ui datepicker auto open 막기 tabindex 로 auto open 이 조절되네'ㅅ'; 공감수 0 댓글수 0 2015. 4. 28.
  • [JAVASCRIPT][CSS] DTREE 트리구조 만들기 dtree.zip 위와같은 트리 구조를 만들고 싶다면, 사용하기 바란다. 첨부파일의 dtree.cssdtree.js 이 두가지 파일과img폴더만 있으면 준비가 끝이다. 자세한 설명과 예제는 같이 있는 예제파일과, api.html 파일을 보면 알수 있겠지만 그래도 간단히 설명해주자면 1234567891011 식으로 사용하면 될것이다. 그리고 add()의 파라미터들을 설명하자면mytree.add( p1, p2, p3, p4, p5, p6, p7 ) 에서 p1 : id값p2 : 부모참조 id값. 여기에 적힌 id가 부모노드가 된다p3 : 표시될 노드의 이름 p4 : 해당 노드를 클릭했을때 이동될 페이지 주소p5 : 해당노드의 이름에 마우스를 가져다 대면 뜨는 설명p6 : a태그의 target에 해당하는값. 보.. 공감수 0 댓글수 0 2015. 3. 10.
  • jQuery와 jindo 함께 사용하기. 스마트 에디터를 프로그래밍 할 때 jindo와 jQuery가 충돌하는 것 때문에 난감 했었는데 해결 방법은 의외로 쉬운 곳에 있었습니다. 함수를 쓸 때 앞에 $를 각각 jQuery, Jindo로 쓰면 됩니다. 예) jQuery("#id").css(); jindo("#id").exec(); 공감수 0 댓글수 0 2015. 3. 4.
  • 자바스크립트 공부할만한 블로그 http://javascriptandjquerydev.blogspot.kr/2012/06/3d-cumulus.html?view=sidebar 공감수 0 댓글수 0 2015. 2. 24.
  • 트리메뉴 드래그앤 드랍 사용 안내 Html 작성네이게이션 메뉴를 작성?12345678 메뉴 1 메뉴 1-2 메뉴 1-3 script 작성옵션 설명unique : 하나만 열리도록 ( true / false )animate : 애니메이션 여부 ( true / false )dragndrop : 마우스 드래그 ( true / false )aTagClick : a 태그 제목 클릭 펼침여부 ( true / false )btnCallback : 버튼 클릭 후 콜백 함수 실행 function( type, $source, $target)실행?12345678910111213141516171819202122$("#nav").yakutree({ unique: false, animate: true, duration: 100 , aTagClick : .. 공감수 0 댓글수 0 2015. 2. 5.
  • GET YYYY-MM-DD STRING FROM A DATE OBJECT 1234567891011121314151617181920212223function printTime() { // GET CURRENT DATE var date = new Date(); // GET YYYY, MM AND DD FROM THE DATE OBJECT var yyyy = date.getFullYear().toString(); var mm = (date.getMonth()+1).toString(); var dd = date.getDate().toString(); var hour = date.getHours().toString(); var minute = date.getMinutes().toString(); // CONVERT mm AND dd INTO chars var mmChars = mm.s.. 공감수 0 댓글수 0 2015. 2. 2.
  • [jQuery] 체크박스 전체선택/해제 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 전체선택 : 공감수 0 댓글수 0 2014. 11. 21.
  • ajax xml 파싱 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192function resultAjax() { var url = "/api.do?cmd=contentsList"; var params = $("form[name=frm]").serialize(); $.ajax({ type:"POST", url:url, data:params, dataType: "xml", success: function(xml) { xmlParsing(xml); }, error: fu.. 공감수 0 댓글수 0 2014. 11. 11.
  • [jquery] xml <--> string parsing Parse XML to String Parse String to XML 공감수 0 댓글수 0 2014. 10. 14.
  • 이미지 미리보기 소스2 출처 : http://blog.revathskumar.com/2012/04/html5-show-thumbnail-preview-of-image.htmlie 하위 버전에서 안된다...........ㅠ_ㅠ....이전껀 상위버전에서 안되고 이건 하위버전에서 안되네으헝ㅇㅇㅇㅇ 공감수 0 댓글수 0 2014. 9. 22.
  • document.selection.createRange 안될때 [출처] document.selection.createRange 안될때 |작성자 검색신 document.selection.createRange 안될때 document.selection.createRangeCollection()[0]교체 하면 된다. [출처] document.selection.createRange 안될때 |작성자 검색신 공감수 0 댓글수 0 2014. 9. 19.
  • [jquery] checkbox 하나만 체크되게 하기 $(".check_class").click(function() { $(".check_class").attr("checked", false); //uncheck all checkboxes $(this).attr("checked", true); //check the clicked one }); $(function() { $('input[type="checkbox"]').bind('click',function() { $('input[type="checkbox"]').not(this).prop("checked", false); }); 공감수 1 댓글수 5 2014. 9. 4.
  • jquery로 관람차 만들기 예전에 티몬인가 쿠팡에서 퍼블리셔가 관람차랑 롤러코스터 돌아가는거 만들어본거 보구 만들어봤음...이미지 구하는게 너무 힘들어서 스마일루^^ 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 ♥ ☻ ○ ☻ ○ ☻ ☻ ○ ☻ ○ ☻ ○ ☻ 공감수 0 댓글수 0 2014. 8. 19.
  • [jQuery] enterKey 막기 $(document).keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ return false; }}); 공감수 0 댓글수 0 2014. 8. 6.
  • [jQuery] $.unique() , $.inArray() ,$.makeArray() * $.unique() : 배열내 중복 노드 제거 * $.inArray() : 배열내 값 존재 여부 * $.makeArray() : 배열만들기 결과)) 7 [p, p, p, p.duplicate, p.duplicate, p.duplicate, p] [p.duplicate, p.duplicate, p.duplicate] 10 7 -1 개요 : 배열 내의 값을 찾아서 인덱스를 반환합니다.(요소가 없을 경우 -1을 반환). jQuery.inArray( value, array [, fromIndex] ) value 찾을 value. array 대상 배열 fromIndex 검색이 시작될 배열의 인덱스. 기본값은 0이고 배열 전체를 검색합니다. $.inArray() 함수는 JavaScript의 기본 함수인 .ind.. 공감수 0 댓글수 0 2014. 7. 4.
  • [jquery]jquery widget example jquery widget example http://jqueryui.com/sortable/#portlets http://modeln.github.io/sDashboard/example/ex.html 공감수 0 댓글수 0 2014. 3. 7.
  • 문자 byte 수 체크하기 function check_msglen() { var length = calculate_msglen(document.getElementById('content').value); document.getElementById('byte').value = length; } function calculate_msglen(message) { var nbytes = 0; for (i=0; i 4) { nbytes += 2; } else if (ch != '\r') { nbytes++; } } return nbytes; } ================================== onkeyup="(12, this.name);" // 제한 byte 길이, 객체 이름 // 글자 byte 계산 function chec.. 공감수 0 댓글수 0 2013. 12. 5.
  • Table insertRow() Method Definition and UsageThe insertRow() method inserts a new row at the specified index in a table.SyntaxtableObject.insertRow(index) ValueDescriptionindexAn integer that specifies the position of the row to insert (starts at 0). The value of -1 can also be used; which result in that the new row will be inserted at the last position. This parameter is required in Firefox and Opera, but optional in I.. 공감수 0 댓글수 0 2013. 11. 27.
  • ajax 사용법 Getting Started with AJAX using Java21/07/2010AJAX is an acronym for Asynchronous JavaScript And XML. AJAX provides an ability to communicate with the server asynchronously. Here asynchronous is the keyword. To explain that in simple terms, you can send a request to server and continue user interaction with the user. You need not wait for response from the server. Once the response arrives, a de.. 공감수 0 댓글수 0 2013. 11. 8.
  • 동적 폼 추가 삭제 웹프로그래밍을 하다보면, 자료실 같은 것을 구현할 때 동적으로 폼을 추가하고 삭제 하고 싶을 때가 있다..단지 동적으로 추가만 할경우에는 에 계속 innerHTML을 이용해서 추가만 하면 되지만..삭제가 들어가면 이게 또 복잡해 진다..그래서 DOM(Document Object Model)을 이용한 document.createElement() 함수를 이용하여 동적으로 div를생성하여 삭제 해보았다.혼자서 생각한거라, 또 쉬운걸 괜히 복잡하게 짠건 아닌지 걱정;;; 다른 방법 있으신 분은 얼른 얼른 댓글로 수정 부탁드립니다. ------------------------------------------------------------------------------------------------------.. 공감수 0 댓글수 0 2013. 10. 30.
  • [jquery] jquery 로 체크박스 리스트의 체크된 값들 가져오기 function go_modify(){ if( $(":checkbox[name='chkList']:checked").length!=0 ){ alert("수정.. 공감수 0 댓글수 0 2013. 9. 13.
  • 자바스크립트로 파일 용량 체크하기 으헝 ;ㅠ; 돌아다니는 소스 파일다 안돼.. 구글링이 짱이야 위에껀 바이트 단위로 나온다 IE 거지같애 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ -IE 외 -IE 공감수 0 댓글수 0 2013. 8. 29.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.