У меня есть представление с несколькими проектами. Некоторые из них запущены, а некоторые не являются . В функции, если пройден крайний срок, выведет «дни» как ноль в представлении. (так что это неработающие проекты). Они остаются видимыми в представлении с запущенными проектами. Но, конечно, текущие проекты показываются (например) на 24 дня или что-то в этом роде.Если инструкция накладывается на div
Теперь, что я хочу сделать: если срок выполнения проекта прошел, а выход «0», я хочу создать размытый слой над div.
У меня есть следующие функции работы:
function get_all_open_designments($now) {
$this->db->where('active', 1);
$this->db->where('deleted !=', '1');
$this->db->order_by('date_to', 'DESC');
$designments = $this->db->get('designments')->result_array();
foreach ($designments as &$designment_info) {
$designment_info['image'] = self::get_image_for_designment($designment_info['designment_id']);
$designment_info['count_joined'] = self::get_users_count_joined_by_id($designment_info['designment_id']);
$designment_info['count_ideas'] = self::get_users_count_ideas_by_id($designment_info['designment_id']);
$date_to = $designment_info['date_to'];
$diff = $date_to - $now;
$days = round($diff/86400);
$time_left = $days . ' days';
if($days <= 0){
$days = 0;
$time_left = $days . ' days';
}
$designment_info['time_left'] = $time_left;
}
return $designments;
}
Есть ли способ поставить код там, если «дни» являются «0» положить расплывчатый слой над ним.
Код ниже код для представления:
<script type="text/x-mustache" id="designment_template">
<div class="designment_view item">
<ul class="box-div bg-white shadow">
{{#image}}
<li>
<img width="302" src="{{image}}"/>
</li>
{{/image}}
<li class="p15 orange ff-b" style="font-size: 21px">
{{title}}
</li>
<li class="p15 black ff-l" style="font-size: 14px">
{{small_description}}
</li>
<li class="h45 black tc ff-l f14">
<dl class="clearfix bg-lightgrey user-dash-dl tc">
<dd class="fl br-1 lh36" style="width:74px" title="Cash reward for selected idea">
<p class="f11 ff-l lh12 pt33 reward"></p>
<p class="ff-m f12">{{reward}}</p>
</dd>
<dd class="fl br-1 lh36" style="width:74px" title="Amount of days left until the deadline">
<p class="f11 ff-l lh12 pt33 timeleft"></p>
<p class="ff-m f12">{{time_left}}</p>
</dd>
<dd class="fl br-1 lh36" style="width:74px" title="Amount of joined designers">
<p class="f11 ff-l lh12 pt33 joinedpeople"></p>
<p class="ff-m f12">{{people}}</p>
</dd>
<dd class="fl lh36" style="width:74px" title="Amount of uploaded ideas">
<p class="f11 ff-l lh12 pt33 ideascount"></p>
<p class="ff-m f12">{{idea}}</p>
<!-- mous over-->
</dd>
</dl>
</li>
{{#joined}}
<a class="joined" data-id="{{id}}" data-url="<?= site_url('app/dashboard/id') ?>/{{id}}">
<li class="btn-designment clearfix h45 tc orange ff-b f14 lh45" style="cursor: pointer;">
<div class="designment-arrow"></div>
{{/joined}}
{{^joined}}
<a class="joinable" data-id="{{id}}" data-url="<?= site_url('app/dashboard/id') ?>/{{id}}">
<li class="btn-designment clearfix h45 tc orange ff-b f14 lh45" style="cursor: pointer;">
<div class="designment-join-arrow"></div>
{{/joined}}
</li>
</a>
</ul>
</div>
Да, есть способы сделать это, но SO не является бесплатным кодовым сервисом. покажите нам, что вы пробовали. но прежде чем вы это сделаете, вам нужно попробовать что-то. и прежде, чем вы это сделаете, вам придется идти в Google. и когда вы google, вы найдете zillions потоков о том, как это сделать ... –
Возможный дубликат [Bluring div с CSS] (http://stackoverflow.com/questions/4477619/bluring-a-div-with- css) –
Конечно, я сделал. И, конечно, весь код здесь не обязательно должен предоставляться. Но знаете ли вы, можно ли положить то, что я хочу, в существующую функцию? – sterrek