티스토리

개발이야기

검색하기

블로그 홈

개발이야기

chichi-story.tistory.com/m

chi_chi 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[jQuery] jQuery 버전 충돌 해소 같은 페이지에 jQuery 각각 다른 버전 사용하기 (jQuery 버전 충돌 해소) - bootstrap 내장 jQuery 버전과 추가구현할 기능의 jQuery 버전이 달라 충돌이 일어나 error가 발생할 경우 충돌해소 방법 그냥 아래와 같이 적용을 하면 충돌이 생겨 기존 기능에서 에러가 발생한다. (기존 적용된 기능이 안되던가 새로 추가된 기능이 안되던가) 새로 적용할 jquery버전에 $.noConflict(true); 문법을 사용한다. 새로운 버전의 jquery를 사용하기 위해서는 아래처럼 $j341을 사용해주어야 한다. 각 라이브러리에 쓰인 js파일에 버전별로 j341로 바꿔야지 문제가 없이 실행 될 수있다. (js파일 맨 밑만 수정하면 된다.) ;(function ($, window, docu.. 공감수 2 댓글수 1 2021. 2. 3.
[javascript] 동적으로 table 데이터 추가하기 동적으로 table 데이터 추가하기 예제1) javascript 배열 데이터 table에 나타내기 - javascript function tableCreate(){ var table_value = new Array(); var html = ''; table_value.push({value : '25.5', time : '2020-08-26'}); table_value.push({value : '22.4', time : '2020-08-26'}); table_value.push({value : '10.58', time : '2020-08-26'}); table_value.push({value : '3.44', time : '2020-08-26'}); table_value.push({value : '8.5'.. 공감수 1 댓글수 0 2020. 8. 26.
[Javascript] id / class / name 으로 id / class / name 값 가져오기 ▶ id로 name/class 가져오기 var id_name = $('#id').attr('name'); // id로 name값 가져오기 var class_name = $('#id').attr('class'); // id로 class값 가져오기 ▶ class로 name/id 가져오기 var class_name = $('.class').attr('name'); // class로 name값 가져오기 var class_id = $('.class').attr('id'); // class로 id값 가져오기 ▶ name으로 id/class 가져오기 var name_id = $('[name="name"]').attr('id'); // name으로 id값 가져오기 var name_class = $('[name="nam.. 공감수 0 댓글수 0 2020. 7. 28.
[Javascript] table pagination (paging) Table paging (bootstrap) 1. html - 원하는 위치에 nav 삽입 2. js function pagination() { var req_num_row = 10; //화면에 표시할 목록 개수 var $tr = jQuery('.paging'); // paging 대상 class 명 var total_num_row = $tr.length; var num_pages = 0; if (total_num_row % req_num_row == 0) { num_pages = total_num_row / req_num_row; } if (total_num_row % req_num_row >= 1) { num_pages = total_num_row / req_num_row; num_pages++; nu.. 공감수 0 댓글수 0 2020. 6. 10.
[Javascript] 시군구 select box 다중 select box 사용 주소 검색 1. html 2. js $('document').ready(function() { var area0 = ["시/도 선택","서울특별시","인천광역시","대전광역시","광주광역시","대구광역시","울산광역시","부산광역시","경기도","강원도","충청북도","충청남도","전라북도","전라남도","경상북도","경상남도","제주도"]; var area1 = ["강남구","강동구","강북구","강서구","관악구","광진구","구로구","금천구","노원구","도봉구","동대문구","동작구","마포구","서대문구","서초구","성동구","성북구","송파구","양천구","영등포구","용산구","은평구","종로구","중구","중랑구"]; var area2 = ["계양구","남.. 공감수 6 댓글수 1 2020. 5. 22.
[Javascript] bootstrap 버튼 클릭 시 tab 추가 버튼 클릭 시 tab 추가 1. html Add Tab Tab 1 Tab 1 content ul : tab list li : tab list 각 요소 tab-content : tab의 내용 2. js var button='×'; var tabID = 1; function resetTab(){ var tabs=$("#tab-list li:not(:first)"); var len=1 $(tabs).each(function(k,v){ len++; $(this).find('a').html('Tab ' + len + button); }) tabID--; } $(document).ready(function() { $('#btn-add-tab').click(function() { tabID++; $('#tab-lis.. 공감수 0 댓글수 0 2020. 5. 22.
[Javascript] MQTT 웹소켓 통신 Javascript MQTT 웹소켓 통신 - 자바스크립트를 이용하여 MQTT 통신 1. js 다운로드 : 2. javascript - 예제 함수 stratConnect() : 랜덤으로 client ID를 생성하여 MQTT Broker에 연결 onConnect() : 연결성공 후 topic 설정하여 subscribe 준비 onConnectionLost(responseObject) : 연결이 끊길경우 error message 출력 onMessageArrived(message) : subscribe message 출력 publish(element) : publish message 전송 / element는 HTML 버튼 선택자 (버튼 클릭시 ON/OFF 메시지 전송) startDisconnect() : 연결 종.. 공감수 2 댓글수 0 2020. 4. 2.
[Javascript] 화면 이미지(png)로 저장 html 화면 png로 저장 1. js파일 다운로드 html2canvas : html 객체를 canvas로 변환해주는 라이브러리 2. html 저장영역 div id값 설정 이미지로 저장 //저장 div id //저장 div 현재 습도 데이터 다운받은 js 추가 3. javascript 함수 작성 //이미지(png)로 다운로드 function PrintDiv(div){ div = div[0] html2canvas(div).then(function(canvas){ var myImage = canvas.toDataURL(); downloadURI(myImage, "저장이미지이름.png") }); } function downloadURI(uri, name){ var link = document.createEle.. 공감수 2 댓글수 0 2020. 3. 23.
[Javascript] 화면 PDF로 저장 Javascript로 화면 PDF로 저장 1. 필요한 js파일 다운로드 html2canvas : html 객체를 canvas로 변환해주는 라이브러리 jspdf : html, 이미지, canvas 객체를 pdf로 변환해주는 라이브러리 2. 사용되는 jsp 파일에 추가 3. javascript A4 이미지 가로길이: 210mm A4 출력여백(margin) : 20mm (좌우:10+10) imgWidth : 210 - 20 = 190mm 아래 그림(6) 참조 4. html PDF 저장 (PDF 저장 내용)... 5. 실행 6. PDF 파일 공감수 5 댓글수 2 2020. 3. 19.

문의안내

티스토리
로그인
고객센터

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