2014-01-22 3 views
0

У меня есть сценарий, который показывает мне часы работы с объектом google places api. http://jsbin.com/ATaZEXE/4Google places place.open_now

Теперь я хочу, чтобы изменить цвет фона на .label класса «красной», если place.open_now является ложным, если, правда, то должна оставаться такой же

Как я могу это сделать?

С помощью этого кода я проверяю открытие_часов для объекта, но как изменить цвет, если place.open_now false?

(function(marker,request,i){ 
     setTimeout(function(){ 
     service.getDetails(request, function(place, status){ 
      try{ 
      var time=place.opening_hours.periods[1].open.time; 
      var closed=place.opening_hours.periods[1].close.time; 
      var closed=[(closed/100).toFixed(0),closed.substr(-2)].join(':'); 
      marker.set('labelContent',[(time/100).toFixed(0),time.substr(-2)].join(':')+' - '+closed+'</br>'+place.name); 
      } 
      catch(e){} 
     }); 
     }, 
     i*250) 
     })(marker,request,i); 

где мне нужно добавить IF заявление, чтобы проверить это place.open_now истинным или ложным, и как изменить фон, если place.open_now ложно?

* из API Google Адреса документации: opening_hours может содержать следующую информацию:. open_now является логическим значением, указывающим на месте открыто в текущий момент времени *

+0

, как я могу это сделать? – MikiMrki

ответ

1

Вам нужно добавить этот CSS

.labels.closed { 
    background-color: red; 
} 

и это Javascript

var isClosed = true; // find out it's closed or not 
marker.set('labelClass', isClosed ? "labels closed" : "labels"); 
+0

да, но, пожалуйста, обновите мой jsbin: http://jsbin.com/ATaZEXE/4, где мне нужно поставить этот код css nad js? – MikiMrki

+0

Извините, я пользуюсь только plnkr.co, http://jsbin.com/ATaZEXE/7/edit. Вам нужно заполнить свой код, чтобы узнать, закрыт он или нет. Я просто сделал образец. – allenhwkim

+0

спасибо, но я стараюсь: var isClosed = place.open_now; if isClosed = true; // узнаем, что он закрыт или нет. marker.set ('labelClass', isClosed? "labels closed": "labels") ;, но не работает хорошо – MikiMrki