hongkd 2019. 11. 21. 17:03

코인충전 눌렀을시 팝업창 뜨는지 확인.

[ coinPurchaseTypeChoiceAction.jsp ]

교수님이 주신 파일

 

[ coinPurchaseTypeChoiceAction.jsp ]

 

우리는 신용카드에 30만원을 클릭하면 그 줄의 point 에 3000 이 두드러질것이고

휴대폰결제에 20만원을 클릭하면 그줄의 pion에 2000 이 두드러지게 할것이다.

 

여기서 선택 했다가 바꿔도 빨간색이 안없어진다 우리는 없애주도록 해야한다.

여기서 선택을 했으면 결제종류에 따른 금액을 선택하세요!! 를 사라지게 해주자.

 

다음 충전결제하기 에 hover를 해보겠다.

여기서 금액을 선택하지 않고 충전결제하기를 눌렀을 경우 금액을 선택하라고 해줄것이다.

 

여기서 확인창을 누르면 팝업창을 다도록 한다.

현재는 팝업창이다. 이제 부모창을 띄워 줄것이다.

[ 부모창에 있는 함수 불러오기 ]

 

부모창에 함수를 하나 만들어준다.

[ login.jsp ]

 

[ coinPurchaseTypeChoice.jsp ]

 

결제를 해보자

[ login.jsp ]

파일안에 IAMPORT 사이트 회원가입 방법이 있다 회원가입을 해야한다.

회원 가입을 맞치고

 

[ CoinPurchaseEndAction.java ]

[ paymentGateway.jsp - 참고! ]

 

이후 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 이 나온다.