我需要一些基于javascript的代码,可以帮助我的投票系统。基本上我正在努力弄清楚如何让我收到投票的物品自己进入现场直播。因此,如果一个项目有52票,而下面的项目获得2票,那么我希望它与上面的1交换位置。
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Vote!</title>
<style>
#counting {
font-family:avante;
font-size:20px;
border:0px;
}
#counting1 {
font-family:avante;
font-size:20px;
border:0px;
}
</style>
<script type="text/javascript">
function countClicks() {
var x = 0;
x += 1
document.getElementById( "counting" ).value = x;
var clickLimit = 1; //Max number of clicks
if(x>=clickLimit) {
}
else
{
ClickCount++;
return true;
}
}
</script>
<script type="text/javascript">
function countClicks1() {
var x = 0;
x += 1
document.getElementById( "counting1" ).value = x;
var clickLimit = 1; //Max number of clicks
if(x>=clickLimit) {
}
else
{
ClickCount++;
return true;
}
}
</script>
</head>
<body>
<img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br>
<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks();" /> <br>
<input id="counting" type="text">
<br>
<br>
<img src="../Pictures/BWS + L.A +KUSH/Game.RED_Album_Cover.jpg" alt="red album"><br>
<input type="button" value="VOTE" name="clickOnce" onclick="return countClicks1();" /> <br>
<input id="counting1" type="text">
</body>
</html>
答案 0 :(得分:3)
由于投票(推测)存储在服务器上,因此您需要定期请求更新的数据(例如使用XHR)。显然,这将要求您有一个服务器端程序来生成数据(JSON是数据格式的一个很好的选择)。获得数据后,您可以使用它来确定HTML元素的显示顺序,并使用insertBefore和appendChild移动它们