我將如何使用php

-2

製作一個慈善目標指標我正在嘗試創建一個類似於JustGiving.com的應用程序，該應用程序允許那些想爲慈善機構募集資金的人註冊並創建「廣告系列」頁。在這個頁面上，他們概述了他們打算做的事情（例如跑馬拉松或剃光頭）設定一個貨幣目標，然後邀請所有的朋友通過電子郵件，推特，facebook等贊助他們......我將如何使用php

朋友來了通過貝寶捐贈並且目標越來越近。

我想製作一些指標來顯示活動目標與目標有多接近。我並不是要求圖形幫助，但我想到了一種溫度計安排，你可能會看到你的當地教會籌款活動http://www.google.co.uk/search?q=target+thermometer&hl=en&prmd=ivns&tbm=isch&tbo=u&source=univ&sa=X&ei=-RfdTYrcEs-2hAeW65y3Dw&ved=0CDcQsAQ&biw=1280&bih=685

我正在建立這個網站努力學習cakephp，我有承認我對PHP的瞭解並不是那麼明智，或者如此學習。我很驚訝我有多遠。

無論如何，我還沒有一個概念，我該如何去做這件事，並想知道如果某種靈魂會給我一點路線圖。如果這是一個cakephp路線，那很棒，但如果它只是普通的php，那也很酷！

來源

2011-05-25 soreToe

以下是我這樣做是爲了tescoforschoolsandclubs.co.uk

你有兩個圖像。一個有完整的溫度計，一個有空的溫度計。

使用空白的背景作爲div，並使用完整的thermometer底部將絕對位置和圖像放在空白頂部。

然後，您可以設置完整圖像的高度，以反映出所有圖像的高度。

<div id='thermometer'> 
<img src='full'> 
</div> 

#thermometer { 
    width: 100px; 
    height: 200px; 
    position: relative; 
    background: url(empty.jpg) no-repeat top left; 
} 
#thermometer img{ 
    position: absolute; 
    bottom: 0; 
    left: 0; 
}

然後：

#thermometer img{ 
    height: 0; /* completely empty */ 
} 
#thermometer img { 
    height: 100px; /* 50% */ 
} 
#thermometer img { 
    height: 200px; /* 100% */ 
}

可以計算出 '滿' 形象的基礎上

height = (height of image/100) * percentage

來源

2011-05-25 15:18:20 RichardAtHome

哇的高度，這是快速和非常全面。謝謝。現在就開始吧:) – soreToe 2011-05-25 15:25:54

我會在客戶端使用JavaScript和/或CSS來做到這一點，所有的PHP需要做的就是提供當前的總數和目標。然後讓JavaScript計算「溫度計」顯示溫度計的方式以及如何繪製溫度計。

來源

2011-05-25 15:04:39

不熟悉蛋糕特別，但這裏是我會怎麼做：

2圖像 - 溫度計，帶透明的指標，其背後堅實的紅塊。在您的控制器&
計算熱利用內嵌CSS

像這樣把它傳遞到您的視圖

風格的紅色塊：

<img src="red.gif" style="height: <?php echo $bar_height ?> ">

來源

2011-05-25 15:12:26 jisaacstone

你也可以計算百分比和使用jQuery UI Progress Bar 。它不會是垂直的（我不認爲），它不會像球體溫度計一樣具有球形尖端，但它會讓事情更簡單和您可以在捐贈後動態更改它，或者通過AJAX捐贈進來。

來源

2011-05-25 15:16:59 rockerest

我將如何使用php

回答

相關問題