我将如何使用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

回答

相关问题