jQuery ajaxForm 플러그인을 사용해 폼 데이터를 전송하는 것을 작업 중인데.. 데이트 전송과 입력은 문제가 전혀 없는데 어쩌다 보니 폼데이트를 DB에 입력 후 후처리를 해야할 경우가 생기게 되었다. 예를 들어 경고차를 보이게 하거나 창을 이동시키는 경우가 있을 수 있다. 나의 경우에는 DB 입력시 에러가 메세지를 보여주고 성공했으면 입력 폼 레이어를 닫고 싶었다. 이것은 아래와 같이 코드를 …
위와 같은 구성에서 삭제 버튼을 클릭했을 경우 해당 라인의 input 필드의 값을 초기화하는 방법이다. 일단 생각한 방법은 삭제 버튼의 index 값을 구하고 해당 라인의 li 의 index 값을 지정해서 그 안에 있는 input 의 값을 초기화하는 것잉었다. 이것을 위해서는 jQuery .index()와 .val() 이용하면 된다. 우선 삭제버튼의 index는 아래와 같이 구할 수 있다. 버튼의 class를 field_reset …
왼쪽 이미지와 같은 간단한 폼을 만들고 있는데.. 아래 쪽 입력란추가를 클릭하면 입력폼 라인이 하나씩 추가 되고 삭제를 누르면 해당 라인 지워지는 것을 구현하고 싶었다. jQuery의 .after()를 이용해서 추가는 쉽게 구현을 했는데 문제는 삭제를 눌렀을 때 새롭게 추가한 라인은 도무지 지워지지 않는 것이었다. .hide() 와 .remove()를 사용해봤지만 왠일인지 삭제가 되지 않아서 내가 믿을 곳은 역시 구글 …
내가 운영하는 쇼핑몰이라면 이건 거 만들지 않고 그냥 소스파일 수정하는 방향으로 했을텐데.. 아무래도 html이나 기타 스크립트에 익숙하지 않는 사람도 써야하니까 결국은 복잡한 기능의 관리 페이지를 만들어야 한다. 한 페이지 작업하는 데 이번 주 내내 시간을 허비하고 있다는.. 사용자 입장에서 직관적이고 편하게 만들다 보니 이렇다는.. 위 이미지는 그 관리 페이지 중에서 하나이다. 탭으로 구성된 부분에서 각 …
현재 작업 중인 쇼핑몰 메인 화면에 배너 부분을 관리할 수 있는 기능을 추가하기 위해 열심히 삽질 중이다. 내가 구현하고자 했던 기능은 위 이미지에서 수정 버튼을 눌렀을 경우 정보가 수정이 되도록 하는 것이었다. jQuery $.post 를 이용해 텍스트 정보는 쉽게 수정을 할 수 있는데 파일 업로드는 불가능해서 한참을 고민했다. 다행히 jQuery Form Plugin 이라는 것을 이용하면 …