2011-09-11 27 views
0

在我的编码,将遵循一种方法,我有3个clickCounts所有垂直和我想知道是否有这样的代码自动移动最高的clickCount到顶部:有自动订购一组的clickCount的

下面是代码我迄今为止:

<!DOCTYPE html> 
<html> 

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<script type="text/javascript"> 

function countClicks() { 
var x = 0; 


x += 1 
document.getElementById("counting").innerHTML = 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").innerHTML = x; 

var clickLimit = 1; //Max number of clicks 
if(x>=clickLimit) { 

      } 
else 
{ 
    ClickCount++; 
    return true; 
} 
} 


</script> 

<script type="text/javascript"> 

function countClicks2() { 
var x = 0; 


x += 1 
document.getElementById("counting2").innerHTML = x; 

var clickLimit = 1; //Max number of clicks 
if(x>=clickLimit) { 

      } 
else 
{ 
    ClickCount++; 
    return true; 
} 
} 


</script> 


</head> 
<body> 

<div style="margin-left:100px;"> 
<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();" /> 
<div id="counting"></div> 

<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();" /> 
<div id="counting1"></div> 

<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 countClicks2();" /> 
<div id="counting2"></div> 
</div> 

+0

PS我真的会推荐重构代码;它的尺寸是它需要的3倍,这是一个认知障碍。此外,删除不必要的代码(如CSS)和空格以及适当的缩进,可以帮助其他人帮助您。 –

回答

0

的DOM可以通过任意的标准进行操作。如果你用适当id的div(或跨度)包裹每个部分,你可以从一个地方删除它,并把它放在另一个正常的地方。如果它是一个有序的列表,它应该存在于一个实际的有序列表中,尽管这不是必须的,它只是更多的语义。