처음에 이런 생각을 했다. 왜 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 이벤트 키 누르기를 트리거하고 싶습니다(목적은 일부 키를 차단하는 것입니다). 리피터의 입력이 아닌 글로벌 형식의 모든 입력에 대해 작동하는 올바른 스크립트를 추가합니다. 이것을 작동시킬 아이디어가 있습..
웹사이트를 만들다보면 작은 구석의 이미지를 클릭하면 화면에 나름 꽉차게 보이는 화면을 구성하고 싶을때가 있지요. 사용자에게 편의를 제공하는게 좋은 프로그램이니까요~ 그럴때 이미지를 클릭하면 화면에 크게 나오게 하는 소스를 정리해 봤어요. 일단 Jquery를 불러와야 하니까 CDN 사이트에서 가져와 보면 위의 3.x minified 가져오면 소스는 아래와 같지요. 그리고 스타일도 정해줘야 합니다. 아래와 같이 하면 됩니다. 높이 기준으로 100%로 설정되어 있지요. 이제 HTML에 DIV 요소를 넣고 띄워주는 구문이 필요합니다. 실제 HTML (처음에 띄워주는 것으로 코드를 넣어봤어요) 마지막으로 script 구문으로 제이쿼리의 위력을 선보여야 하겠지요? 이렇게 하고 실행하면 실제 구현한 화면을 보면.....
이걸 몰랐을때는 전부 하나하나 요소마다 input의 속성 중 disabled를 코딩했는데, 이걸 안 다음부터는 간단하게 처리했다. 혹시 모를 제2의 내 자신을 위해 간단하 코드를 공유해 보고자 한다. $(document).ready(function(){ // 조회화면 구현시 적용함 input을 모두 disabled 하기 // $("div *").disable(); $("div *").find("input,textarea").prop("disabled",true); }); }); 너무 간단하지만, 몰랐을때는 시간을 많이 허비했다. 역시 배워야 한다. 그리고 실행해야 한다.
- Total
- Today
- Yesterday
- 테크에능한여성
- #InstallForge
- 코딩효율성
- 프로그래머생활
- 뫄프로그래밍
- .htaccess수정
- 자바스크립트 한글초성
- sql문장 날짜계산
- #소프트웨어배포
- 코딩튜토리얼
- 오토핫키에디터창업데이트금지하기
- General error: 2031
- td요소중에 1행과 1열은 제외
- 카페24가비아phpinfo수정
- #파이썬인스톨러
- 스크립트작성기초
- #cx_Freeze
- #InnoSetup
- #프로그램설치
- #NSIS
- 오토핫키가이드
- 파이썬코드줄바꿈방법
- Bootstrap 5
- 작업공정에 대한 코드작성
- #독립실행파일
- #파이썬패키징
- 2분후종료오토핫키
- 자바스크립트한글입력시반응하도록만드는코드
- chatGPT3.5파이썬버전
- 효율적코딩방법
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |