투덜이 개발자

드래그해서 순서를 바꿀 수 있는 리스트 만들기(jQuery UI - Sortable) 프로그래밍/자바스크립트 2018. 8. 31. 22:47 순서가 있는 리스트에서 드래그 앤 드랍을 이용해서 아이템의 순서를 바꿀 수 있는 UI(사용자 인터페이스)가 jQuery UI에서 지원이 됩니다. Sortable 기능을 사용하면 원하는 기능을 구현할 수 있습니다. jQuery UI 사이트의 예제에는 기존에 존재하는 리스트 항목을 드래그 앤 드랍으로 순서를 바꿀 수 있는 예제만 나옵니다. 이 글에서는 순서를 바꾸는것 외에 아이템을 추가하고, 삭제하는 기능까지 구현해 보겠습니다. 첫 번째 예제는 Sortable의 기본 기능을 확인해보고, 두 번째 예제에서는 추가, 삭제 기능도 포함된 예제를 보도록 하겠습니다. 1. 필..

$.ajax() 사용방법 function modal_open_space_confirm(v) { //$("#modal_space_confirm").modal('show'); const params = { mode: 'mode_value', s_menu_code: s_menu_code }; //console.log(params); $.ajax({ url: 'url.php', type: 'post',// http 요청 방식 (default: ‘GET’) async: true,// false 일 경우 동기 요청으로 변경 cache : true, // 캐시 여부 timeout : 3000, // 요청 제한 시간 안에 완료되지 않으면 요청을 취소하거나 error 콜백을 호출.(단위: ms) dataType: 'js..

부트스트랩 모달 내용 부분에 세로 스클롤 사용하기

jQuery로 선택된 값 읽기 $("#selectBox option:selected").val(); $("#select_box > option:selected").val() $("select[name=name]").val(); jQuery로 선택된 내용 읽기 $("#selectBox option:selected").text(); 선택된 위치 var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select $("#selectBox").append("Apples"); $..

PDF 다운로드- html2pdf.js 이용 샘플 구현 샘플페이지 html2pdf.bundle.js 파일 PDF 다운로드 비밀번호 재설정에 대한 이메일 회신입니다. 회원님의 플레이더세이프티 비밀번호 재설정 요청을 받았습니다. 아래의 링크를 클릭하여 비밀번호를 재설정 해주시기 바랍니다. 크롬에서 정상작동, 익스에서 작동 불가 a4 용지에 최적화 필요함 2페이 넘어갈때 이미지 짤리는 현상 발생함 참고 https://lisfe.tistory.com/680 html 화면 웹페이지를 pdf 파일로 저장 html2pdf.js 웹페이지의 특정영역을 canvas이미지로 저장하고 PDF파일로 저장/캡쳐하는 자바스크립트 라이브러리입니다. https://moonsiri.tistory.com/71 직접 html2canvas...

소스에서는 사용자가 선택한 파일을 업로드하는 소스를 Save 이런 식으로 구현했으나 TO-BE로 전환하면서는 파일 업로드 후 자바스크립트 단에서 콜백함수를 호출하도록 만들고 싶어서 방식을 조금 바꿔봤다. Save $(function(){ $('#uploadBtn').on('click', function(){ uploadFile(); }); }); function uploadFile(){ var form = $('#uploadForm')[0]; var formData = new FormData(form); $.ajax({ url : '/url', type : 'POST', data : formData, contentType : false, processData : false }).done(function(..

한글 입력 방지 /* 한글입력 방지 */ function fn_press_han() { $("input[name=p_email_id]").keyup(function(event){ if (!(event.keyCode >=37 && event.keyCode=37 && event.keyCode

부트스트랩 모달창 열고 닫기 // 모달창 열기 $('#mailSendModal').modal('show'); // 모달창 닫기 $('#mailSendModal').modal('hide');