|
|
|
สอบถามเรื่องjavascriptผมจะเอาตัวเเปรในนั้นมาใช้งานต่อยังไงครับ |
|
|
|
|
|
|
|
โค้ดหน้าmain2017.js
Code (JavaScript)
var ballRed = 'cicle-red';
var ballBlue = 'cicle-blue';
var ballGreen = 'cicle-green';
var setBlue = '<div class="panel-player">เพลเยอร์</div>';
var setRed = '<div class="panel-bankker">แบงค์เกอร์</div>';
var ready = '<div class="ready">กรุณากดปุ่ม P เพลเยอร์ หรือ T เสมอ หรือ B แบงค์เกอร์ เพื่อเริ่มการคำนวณค่ะ</div>';
var refil = '';
var setResultWIN = '<div class="set-result-re"> ดีใจด้วยนะคะ ไปต่อกันเลยค่ะ</div>';
var setResultLOSE = '<div class="set-result-re">เสียใจด้วยนะคะ สู้ๆ ค่ะ</div>';
var setResult1 = '<div class="number-wood">ไม้ 1 </div>';
var setResult2 = '<div class="number-wood">ไม้ 2 </div>';
var setResult3 = '<div class="number-wood">ไม้ 3 </div>';
var setResultCount = '<div class="set-result-count"> </div>';
var setResultRe = '<div class="set-result-re"> </div>';
var credit1 = '<div class="set-result-re">กรุณาเติมเครดิต</div>';
var credit2 = '<div class="set-result-re"> </div>';
var addBall = function (ball) {
$(".currentBall").addClass("prevBall2");
$(".currentBall").removeClass("currentBall");
$(".noBall2:first").addClass("currentBall");
$(".noBall2:first").removeClass("noBall2");
$(".currentBall >.ball2").addClass(ball);
};
var removeBall = function () {
$(".currentBall >.ball2").removeClass(function (index, css) {
return (css.match(/(^|\s)cicle-\S+/g) || []).join(' ');
});
$(".currentBall").addClass("noBall2");
$(".prevBall2:last").addClass("currentBall");
$(".prevBall2:last").addClass("prevBall2");
$(".currentBall:last").removeClass("currentBall");
$(".prevBall2:last").removeClass("prevBall2");
$('#CountBet').html(setResultCount);
$('#Result').html(setResultRe);
$('#NextBet').html(ready);
};
var resetBall = function () {
$(".ball-grid2").removeClass("currentBall");
$(".ball-grid2").removeClass("prevBall2");
$(".ball-grid2").addClass("noBall2");
$(".ball-grid2 >.ball2").removeClass(function (index, css) {
return (css.match(/(^|\s)cicle-\S+/g) || []).join(' ');
});
};
var renderTable = function () {
var grid = '<div class="myCol"> ';
grid += ' <div class="ball-grid2"><div class="ball2"></div></div> ';
grid += ' <div class="ball-grid2"><div class="ball2"></div></div> ';
grid += ' <div class="ball-grid2"><div class="ball2"></div></div> ';
grid += ' <div class="ball-grid2"><div class="ball2"></div></div> ';
grid += ' <div class="ball-grid2"><div class="ball2"></div></div> ';
grid += ' <div class="ball-grid2"><div class="ball2"></div></div> ';
grid += ' </div>';
for (i = 0; i < 12; i++) {
$("#myCalculateTable").append(grid);
}
};
$(function () {
renderTable();
loadHistory();
loadCredit();
loadcreditTable();
loadstatisticTable();
$(".ball-grid2").addClass("noBall2");
$("#addBallRed").on("click", function () {
cal2('B');
addBall(ballRed);
});
$("#addBallGreen").on("click", function () {
clickaddballgreen();
addBall(ballGreen);
});
$("#addBallBlue").on("click", function () {
cal2('P');
addBall(ballBlue);
});
});
function loadcreditTable() {
$("#creditTable").load("ajax_load_credit.php");
}
function loadHistory() {
$("#statistic").load("ajax_statistic.php");
}
function loadstatisticTable() {
$("#statisticTable").load("ajax_load_statistic.php");
}
function loadchart() {
$("#chart").load("ajax_chart.php");
}
function loadaPlanmoney() {
$("#planmoney").load("ajax_planmoney.php");
}
var cal2 = function (arg) {
var url = 'controller/function.php?click=' + arg;
$.getJSON(url, function (resp) {
console.log('cal2.resp >>> ' + JSON.stringify(resp));
if (resp.credit === '0') {
resetTable();
$('#Result').html(credit1);
$('#NextBet').html(credit2);
$('#CountBet').html(credit2);
} else {
if (resp.point === 'B') {
$('#NextBet').html(setRed);
} else if (resp.point === 'P') {
$('#NextBet').html(setBlue);
} else if (resp.point === 'T') {
$('#CountBet').html(setResultCount);
$('#Result').html(setResultRe);
$('#NextBet').html(ready);
} else if (resp.point === '') {
$('#CountBet').html(setResultCount);
$('#Result').html(setResultRe);
$('#NextBet').html(ready);
}
if (resp.result === 'WIN') {
$('#Result').html(setResultWIN);
loadHistory();
loadCredit();
loadstatisticTable();
} else if (resp.result === 'LOSE') {
$('#Result').html(setResultLOSE);
loadHistory();
loadstatisticTable();
} else if (resp.result === '') {
$('#Result').html(setResultRe);
$('#CountBet').html(setResultCount);
}
if (resp.clickWin === '1') {
$('#CountBet').html(setResult1);
} else if (resp.clickWin === '2') {
$('#CountBet').html(setResult2);
} else if (resp.clickWin === '3') {
$('#CountBet').html(setResult3);
} else if (resp.result === '') {
$('#CountBet').html(setResultCount);
}
if (resp.point === '') {
$('#CountBet').html(setResultCount);
}
}
});
};
function clickaddballgreen() {
$('#CountBet').html(setResultCount);
$('#Result').html(setResultRe);
$('#NextBet').html(ready);
}
function undoBall() {
removeBall();
$.post("controller/function.php", {
data: 'undoBall'},
function () {
loadCredit()
}
);
}
function loadCredit() {
$("#credit").load("ajax_credit.php");
}
function resetTable() {
resetBall();
$.post("controller/resettableball.php", {
data: 'resetTable'},
function () {
window.location.reload();
}
);
}
function resetHistory() {
$.post("controller/resettablehistorystatatic.php", {
data: 'resetHistory'},
function () {
window.location.reload();
}
);
}
|
|
|
|
|
Date :
2019-06-11 12:51:07 |
By :
1768876979829526 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ดูที่ call2 เป็นตัวรับ การคลิก เลือก B P T ให้กำหนดตัวแปร ชนิด Global มารับ argument เพื่อนำไปใช้งานทั้งโปรแกรม
และการเขียน javascript ถ้าเขียน ลอยๆ โดยไม่เอาไปใส่ใน method ของ event มันจะทำแค่ตอน load file ครั้งเดียว
|
|
|
|
|
Date :
2019-06-11 13:26:43 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แล้วคุณจะเรียกใช้ function ยังไงครับ
รู้จัก event ไหมครับ
event คือเหตุการณ์ ที่เกิดขึ้นระหว่างการทำงานของโปรแกรม
เช่น
event.onload เกิดตอนที่ object ถูกสร้างเสร็จแล้ว
event.onClick เกิดตอนที่ เอาเม้าส์ไปคลิกยัง object นั้นๆ
ect...
เราสามารถกำหนด method เพื่อรับค่าการทำงาน ของแต่ละ event ได้ ลองศึกษาเพิ่มเติมดูนะครับ
โค๊ดของคุณบันทัด 60-79 เป็นการกำหนด method ให้กับ event ต่างๆ ลองอ่านดู
เอาโปรแกรมเขามาใช้ ต้องควบคู่ไปกับการอ่าน document fh;p
อยากเขียนเป็นต้องอ่านเยอะๆ ถ้าไม่อยากอ่านอยากได้งานเลย ก็จ้างครับ
document มีความจำเป็นมาก ช่วยให้เราเขียนโปรแกรมได้อย่างถูก ไวยกรณ์ และรู้จักคำสั่งต่างๆ มากขึ้น
ถ้ามัวแต่มาถามแล้วเมื่อไหร่จะเป็น
ปล. method เป็นคำใช้เรียก procedure หรือ function นั้นแหล่ะ
แต่จะเรียกว่า method กรณีที่ลักษณะการเขียนแบบเชิงวัตถุ (object) ที่มีการกำหนด event ให้กับ object นั้นๆ
มันเป็นศัพท์ใหม่(แต่นานแล้ว 555) แต่สมัยนี้ 5555 เรียกไปเหอะอะไรก็ได้
|
|
|
|
|
Date :
2019-06-11 14:48:18 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|