My Coding World

GPT를 통해 최대한 좋은 코드를 뽑아보려고 테스트한 내용입니다.제이쿼리 datatable에 대해서 공부해서 프로그램에 적용해 보려고 한다.jQuery DataTable은 강력하고 유연한 테이블 플러그인으로, 데이터 정렬, 검색, 페이징, 필터링 등을 간단히 구현할 수 있습니다. 프로그램에 적용할 때 필요한 예제를 제공하거나, 구체적인 사용 시나리오를 알려주시면 맞춤형 가이드를 드릴 수 있습니다!코드를 제공해 봤습니다.보통 mytable이라고 테이블을 만들고, 아래와 같은 코드를 사용하고 있다. 일단 이 내용을 학습해줘.var dataTable; // DataTables 인스턴스 전역 변수var annualleavepageNumber; // 현재 페이지 번호 저장을 위한 전역 변수$(document).r..

폼 요소를 다루다 보면 select와 checkbox 요소에 readonly 속성을 적용해야 할 때가 있습니다. HTML 표준에서는 input 요소와 달리 select나 checkbox에 직접적으로 readonly 속성을 적용할 수 없기 때문에 JavaScript 또는 jQuery를 사용해 간접적으로 처리해야 합니다. 이번 글에서는 이를 효율적으로 구현하는 방법을 알려드리겠습니다. select 요소에 Readonly 효과 적용하기select 요소는 기본적으로 값을 선택할 수 있도록 드롭다운 메뉴가 열립니다. 하지만 readonly 속성을 적용해야 할 경우, JavaScript를 활용해 사용자가 메뉴를 열지 못하게 설정할 수 있습니다.jQuery 코드 예제$('select[data-readonly="tru..

처음에 이런 생각을 했다. 왜 ajax로 호출하면... 당연히 한번만 하는 건데, 중복호출?? 이게 말이되나? 단순하게 처음 생각이 들었던 것이.. 당연히 a= a+1 이러면 한번만 실행되지.. 저것이 두번실행되고 세번?? 이건 말이 안되는 것 같아서 감이 더 안왔다. $.ajax({ enctype: 'multipart/form-data', // file을 서버에 전송하려면 이렇게 해야 함 주의 processData: false, contentType: false, cache: false, timeout: 600000, url: "process.php", type: "post", data: data, // dataType:"text", // text형태로 보냄 success : function(data)..

우리가 웹사이트에서 특정 버튼이나 문구 등에 마우스 오른쪽을 누르면 어떤 메뉴를 구현하고 싶을때 유용한 정보입니다. 활용방법은 너무 다양하겠지요. 오른쪽 버튼을 누르면 메뉴가 뜨게 만들어서 뭔가 연관된 일을 처리할때... 웹상에서 어떻게 구현할지 고민이라면 이 코드가 필요할거에요~ 이 코드로 구현이 가능한데, 디자인은 좀 신경써야 좋겠어요~ 결과물은 위와 같이 되는거죠~ 메뉴 항목 1 메뉴 항목 2 메뉴 항목 3 오른쪽 버튼으로 메뉴 보기 메뉴 이외의 다른 곳을 누르면 메뉴가 사라지는 것까지 구현된 상태입니다. 제이쿼리로 비교적 간단히 만들 수 있다는 것을 기억해 주세요~

아이템이 1부터 7까지 있다고 가정하고, 아래의 아이템들을 상하 마음대로 조정하고 싶다면? 제이쿼리 문법으로 아주 간단하게 동작하는 방법이 있어서 소개합니다. 코드가 아주 간단하네요~ 위의 순서를 마우스 클릭앤 드래그로 바꾸니 참 쉽습니다. 코드는 제이쿼리 함수가 존재함을 알 수 있지요. Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7 핵심은 요것이네요. $( "#sortable" ).sortable(); 이 속성만 주면... 리스트에 있는 것들이 마음대로 움직이는 마법을 보게됩니다. ^^

실전코딩에서 너무 자주 만나서 많이 찾아보았다. 도대체 저 에러는 뭔가? 실제 F12 개발자 모드로 들어가서 콘솔창을 보면 많이 당황하게 된다. 제이쿼리 자체의 버그인가? 라는 생각을 많이 했는데, 불러온 코드를 살펴봤다. 위의 코드내용을 보면 jquery.validate.min의 어쩌고 저쩌고 하지만, 결과적으로 선언을 중복해서 생긴 오류로 판단된다. 실제 코드인데, 스크립트 불러오는 코드 중 Main jQuery와 상부에 선언된 제이쿼리가 겹치는 것을 알 수 있다. 이것저것 코드를 응용해서 쓰다보니, 너무 장황하게 사용해서 그런 면이 있는 것 같다. 아래 코드를 제거하고 실행하니.... 에러 없이 잘되는 것을 볼 수 있었다. 일종의 중복해서 로딩하면 나오는 에러메시지로 봐도 무방할 것 같다. 휴~ 다..

웹프로그램 개발시 어떤 항목을 선택하냐에 따라 버튼이 보이고 안보이고 하는 기능을 구현하고 싶을때 유용한 정보입니다. 화면의 selectbox의 값을 변경할때 button이 보이고 안보이고, '덴크리'라는 회사가 선택되면 화면에 버튼이 보이고, '서한컴퍼니'라는 회가 선택하면 화면의 버튼이 사라지는 화면을 구성해봤습니다. 버튼이 없는 상태, 매입처를 덴크리로 변경하면 버튼이 생긴다. 20개의 버튼이 생겼습니다. 코드는 아주 간단한데 아래와 같습니다. .hide .show method를 사용해서 작성한다. // change method 강제 실행하는 방법 Do_delbutton() // 매입처를 덴크리/서한컴퍼니 변경하면 동작하도록 구성 $("#firstord").change(function(){ Do_d..

제이쿼리를 이용해서 뭔가 항목을 계속 추가하는 웹페이지를 만들고 싶을때 정말 유용하지요. 아래와 같은 것을 만들때 유용한 것이지요. ADD 버튼을 누를때 계속 항목을 추가하고 싶을때 사용하는 리피터.... 아주 유용한 것이지요. 헌데, 뭔가 중간에 이벤트를 넣고 싶거나 자동계산을 하게 만들거나 할때, 상당히 어렵네요. 그래서 제이쿼리 repeater의 소스를 구해서 분석도 해보고 여러 실험도 해봤지만, 어려웠습니다. 실패의 실패를 거듭하다가 이런 글을 보게되었지요. 일부 양식 필드 반복기에서 jquery 이벤트 키 누르기를 트리거하고 싶습니다(목적은 일부 키를 차단하는 것입니다). 리피터의 입력이 아닌 글로벌 형식의 모든 입력에 대해 작동하는 올바른 스크립트를 추가합니다. 이것을 작동시킬 아이디어가 있습..