2011-09-11 4 views
-3

J'ai besoin d'un code basé sur javascript qui peut aider mon système de vote. Fondamentalement, j'ai du mal à trouver comment obtenir mes articles qui reçoivent des votes pour se mettre en ordre par lui-même en direct. Donc, si un article avait 52 votes et l'élément ci-dessous a gagné 2 voix pour faire 54 je voudrais qu'il permute des places avec le 1 ci-dessus.Système de vote autocontrôlé

<!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> 
+2

Certains codes pourraient inspirer quelqu'un pour vous aider. Donnez des exemples de code que vous jugez pertinent. –

+0

comment ajoutez-vous le code ici comme nouveau – kris

+0

Vous cliquez sur le bouton "code" dans l'éditeur. – Quentin

Répondre

3

Depuis les votes sont (probablement) stockés sur le serveur, vous aurez besoin de demander des données mises à jour périodiquement (par exemple en utilisant XHR). Évidemment, cela exigera que vous ayez un programme côté serveur pour générer les données (JSON est un bon choix pour le format de données). Une fois que vous avez les données, vous pouvez l'utiliser pour décider dans quel ordre vos éléments HTML doivent apparaître et les déplacer avec insertBefore et appendChild