LastVestige MYPI

LastVestige
접속 : 2490   Lv. 52

Category

Profile

Counter

  • 오늘 : 43 명
  • 전체 : 102944 명
  • Mypi Ver. 0.3.1 β
[잡소리] 아까 자바여쭈었던놈인데.. 소스코드 입니다. (9) 2016/01/21 PM 12:39



<-meta charset="UTF-8">
<-meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />




#image{
margin:50px 50px;z-in!de:10;
}
#n_id{p-osition:absolute;left:286px;top:75px;z-in!de:20;}







<-nput type='button' value='시작' id='start_btn'>




당첨숫자
X/
X/
X




window.-on-oad = function(){

var pArr = ["0","1","2","3","4","5","6","7","8","9"];

$('#start_btn').click(function(){
rotation();
});

function rotation(){
$("#image").rotate({
angle:0,
animateTo:360 * 5 + randomize(0, 360),
center: ["50%", "50%"],
easing: $.easing.easeInOutElastic,
callback: function(){
var n = $(this).getRotateAngle();
endAnimate(n);
},
duration:5000
});
}
var rs;
var cnt=1;
function endAnimate($n){
var n = $n;
$('#result_id').html("

움직인각도:" + n + "

");
var real_angle = n%360 +18;
var part = Math.floor(real_angle/36);
console.log(real_angle);
$('#result_id2').html("

상품범위:" + part + "

");

if(part < 1){
$('#result_id3').html("

당첨내역:" + pArr[0] + "

");
setRs(pArr[0])
return;
}

if(part >= 10){
$('#result_id3').html("

당첨내역:" + pArr[pArr.length-1] + "

");
setRs(pArr[pArr.length-1])
return;
}

$('#result_id3').html("

당첨내역:" + pArr[part] + "

");
setRs(pArr[part])
alert("당첨번호는 " + pArr[]part);

}
function setRs (part) {
if (cnt==1) {
$(".rs1").html(pArr[part] );
}else if (cnt==2) {
$(".rs2").html(pArr[part]);
}else if (cnt==3) {
$(".rs3").html(pArr[part]);
}
cnt++;
}


function randomize($min, $max){
return Math.floor(Math.random() * ($max - $min + 1)) + $min;
}
};




해당 소스코드는 인터넷에서 오픈되어있는걸로 사용하였고..

저기서 룰렛을 돌리면 rs1 / rs2 / rs3에 값이 들어갑니다.

만약에 0/3/3 이라는 값이 룰렛을 돌려서 나왔다면, 033이라는 값이되고 해당 값을 DB에 있는 33과 비교해서 당첨 여부를 확인하게 만들고 있습니다.

조언좀 부탁드립니다 ㅜㅜ

신고

 

맛있는쿠이    친구신청

span에 있는 값을 전부가져온뒤 텍스트 값을 자바스크립트에서 parstInt("스트링값")을 하면 033이 33으로 변합니다. 이걸 가지고 DB와 조회하면 될거같습니다. 혹은
033 값을 DB로 넘긴후 DB에서 String to Int cast 해서 사용해도될거같구요

LastVestige    친구신청

감사합니다 시도해보겠습니다.

Clone_mk2    친구신청

테스트 돌려보려 했는데 이미지도 없어서 어렵네요

원본 경로를 알려주시는게 빠르지싶습니다.

그리고 정확히 어느부분이 안 되시는지. 0/3/3 이란 값은 오는데

DB와 비교가 어려우신건지 아예 0/3/3 이라는 값 산출이 안되는지도 모르겠구요

LastVestige    친구신청

0/3/3이라는 값은 오픈이 됩니다만은 이 부분을 DB랑 비교하는게 어렵네요..ㅜ

Clone_mk2    친구신청

비교하는 부분이라면 쿼리가 어렵단 말씀이신가요?

쿼리문 도움을 드리자면 해당 테이블 구조를 알아야 쿼리문 도움을 드릴 수 있어요.

일단 스크립트 부분에서 하실내용은 크게 없는거같아요. 밑에분 조언처럼 Ajax 로 하시던지

아니면 폼이든 뭐든 실행파일쪽으로 값 전송하셔서 쿼리 처리하시면 됩니다.

어떤방식이든 도움드리고 싶어요. 쪽지 주시면 최대한 도와드릴게요

Devils§Cry    친구신청

jquery 사용하셨으니 바로 저 값을 가지고 ajax 로 당첨 여부를 확인하면 되겠네요

$.ajax({
method:"POST",
url : "./check_execute.php", //어떤 데이터
data: "rs1="+$('.rs1').text()+"&rs2="+$('.rs2').text()+"&rs3"+$('.rs3').text(),
success : function(data) {//성공하면 무엇을 불러올 것인가. (여기까지 하고 성공하면 추가작업)
}
})

data는 json으로 보낼시 조금 다른형태로 보내시게 되겠지만 ajax 연결하면 당첨여부를 확인할수있을것같네요

LastVestige    친구신청

제가 아직 초보라 ajax같은건 모르겠네요 ㅜㅜ 검색하면 알수있을까요?

Devils§Cry    친구신청

네 개념까지 완전히 이해하시려면 좀 어렵겠지만 사용자체는 그렇게 어렵지 않습니다~
DB 연결하시는 서버사이드스크립트(php, jsp, asp) 등 사용하셔서 DB연결하시고 전송받은 data를 가지고 당첨내역 비교해주시면 됩니다.
위 소스인 ajax 부분은 setRs 함수에서 if(cnt==3) 인 소스에다가 넣으셔도 되겠네요
cnt가 3이 되었을때 모든 숫자를 다 돌린게 될테니까요
ajax로 사용하시려거나 혹시나 막히시는부분이 있으시면 쪽지 주셔도됩니다 ㅎㅎ

LastVestige    친구신청

답변 감사합니다. 막히는게 있으면 쪽지드리겠습니다.
X