DIV與一個簡單的變高

因此，我想創建一個具有我將從我的數據庫中獲得的值的高度的div。爲了讓它更好理解，價值是客戶在網站上購買的次數。我正在考慮一種讓價格上漲的方法。DIV與一個簡單的變高

事情是這樣的：

var divHeight = numberOfValues; 
numberOfValues = heightOfDiv; (div's height property) 

if (numberOfValues == 0) { 
    divHeight = 0; 
} else { 
    divHeight = numberOfValues + 10; 
}

的邏輯是對每一個價值數10px的DIV我的增加。所以如果值是10，那麼高度應該是100px。

什麼是實現此解決方案的最佳方式？這是否像我想的那麼簡單？（簡單！=簡單）。

來源

2015-06-16 Roberto Crossa

初學者，你會想numberOfValues * 10，而不是+10 :) –

你需要這種事情發生沒有頁面刷新？ – mattfryercom

不是真的，我不想在動畫的一面提供解決方案，我只是想根據這個值改變高度。 –

<?php 
$numberOfPurchases = getNumberOfPurchases(); // call the function that queries the database 
?> 
<script> 
var defaultDivHeight = 10; 
var purchaseDiv = document.getElementById('purchaseDiv'); 
if (<?= numberOfPurchases; ?> > 0) 
{ 
    purchaseDiv.style.height = <?= numberOfPurchases; ?> * defaultDivHeight + 'px'; 
} 
else 
{ 
    purchaseDiv.style.height = defaultDivHeight + 'px'; 
} 
</script>

我建議尋找到在PHP中使用PDO查詢數據庫。

來源

2015-06-16 22:33:24 mattfryercom

一旦我完成從數據庫獲得的價值，我就會應用這一點，但我認爲這是正確的。謝謝！ –

沒問題@RobertoCrossa – mattfryercom

-1

<script> 
     var divHeight = numOfVisits * 10; 
     var divDisplay = document.getElementById("display"); 

     if(divHeight>0) 
       divDisplay.style.height = divHeight + "px"; 
     else 
       divDisplay.style.height = "1px"; 
    </script>

來源

2015-06-16 22:19:26 Jeeves

你爲什麼用風格標籤包圍Javascript？ – mattfryercom

DIV與一個簡單的變高

回答

相關問題