chpa5 - 코인충전
코인충전 눌렀을시 팝업창 뜨는지 확인.
[ coinPurchaseTypeChoiceAction.jsp ]
교수님이 주신 파일
[ coinPurchaseTypeChoiceAction.jsp ]
우리는 신용카드에 30만원을 클릭하면 그 줄의 point 에 3000 이 두드러질것이고
휴대폰결제에 20만원을 클릭하면 그줄의 pion에 2000 이 두드러지게 할것이다.
여기서 선택 했다가 바꿔도 빨간색이 안없어진다 우리는 없애주도록 해야한다.
여기서 선택을 했으면 결제종류에 따른 금액을 선택하세요!! 를 사라지게 해주자.
다음 충전결제하기 에 hover를 해보겠다.
여기서 금액을 선택하지 않고 충전결제하기를 눌렀을 경우 금액을 선택하라고 해줄것이다.
여기서 확인창을 누르면 팝업창을 다도록 한다.
현재는 팝업창이다. 이제 부모창을 띄워 줄것이다.
[ 부모창에 있는 함수 불러오기 ]
부모창에 함수를 하나 만들어준다.
[ login.jsp ]
[ coinPurchaseTypeChoice.jsp ]
결제를 해보자
[ login.jsp ]
파일안에 IAMPORT 사이트 회원가입 방법이 있다 회원가입을 해야한다.
회원 가입을 맞치고
[ CoinPurchaseEndAction.java ]
이후 DB에 충전했으니 코인을 업데이트 해주어야 한다.
[ login.jsp ]
[ CoinUpdateLoginUserAction.java - 참조!!!!]
CoinUpdateLoginUserAction.java - 안에 DB Update 하러 가기
DB에 업데이트를 한후 보여주겠다.
진짜 결제를 해보자.
성공적으로 된다!!!
---------------------------------------------------------------------------------------------------------------------------------
금액에 index에 따라서 POINT index 에도 어떠한 변화를 줄것이다.
[ coinPurchaseTypeChoice.jsp ]
만약에 30만원 처럼 떨어지는값이 아닌 37만원 39만원 이라고 했을 경우를 생각한다.
현재
현재 th 각각 index 가 0, 1, 2 로 된다. 또한 <tr> 의 <td> 에도 순서대로 0 , 1, 2 로 나온다.
index를 사용할땐 어서부터~ 가 중요하다.
input:radio[name=coinmoney] 가 9 개가 있으므로 위에처럼 나온다.
조심해야할것
주의해야 할점은 현재 잡은 상태가 $(this).index() 이기 때문에 즉, 하나의 index 만 잡아오는 것이다.
클릭한 자기 자신의 index를 말하기 때문에 무조건 하나인 0 이 나온다.