-4

投票システムに役立つ JavaScript ベースのコードが必要です。基本的に、投票を受け取ったアイテムをライブで順番に移動する方法を見つけるのに苦労しています. したがって、アイテムに 52 票があり、下のアイテムが 2 票を得て 54 票になった場合、上の 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>
4

1 に答える 1

3

投票は（おそらく）サーバーに保存されるため、更新されたデータを定期的にリクエストする必要があります（たとえば、XHRを使用）。明らかに、これにはデータを生成するためのサーバー側プログラムが必要です (データ形式にはJSONが適しています)。データを取得したら、それを使用して HTML 要素を表示する順序を決定し、insertBeforeとappendChildを使用してそれらを移動できます。

于 2011-09-11T11:01:15.870 に答える