Изменение периода отображения графика температур

[liv]

Очень понравилась платформа MajorDoMo для автоматизации жилища, поэтому решил поделиться с сообщество своим решением.
Буду рад, если кому то пригодится.

Мое решение:

Создать домашнюю страницу и добавить следующий код:

Код: Выделить всё

<script type="text/javascript">
$(document).ready(
function()
{
$('.set_period').click(function () {
   document.getElementById($(this).attr("data-dev_type")).src = '/jpgraph/?p=' + $(this).attr("data-dev_obj") + '&type=' + $(this).attr("data-dev_period") + '&width=500&height=300&gtype=curve&title=Период: ' + $(this).attr("data-dev_period_title")

});
}
)
</script>


<img id="climate_temp" data-period="1d" src="/jpgraph/?p=TempSensorStreet.temp&type=1d&width=500&height=300&gtype=curve&title=Период: сутки">
<p align=center>
<a href="javascript:void(0)" data-dev_type="climate_temp" data-dev_obj="TempSensorStreet.temp" class="set_period" data-dev_period_title="сутки" data-dev_period="1d">сутки</a> |
<a href="javascript:void(0)" data-dev_type="climate_temp" data-dev_obj="TempSensorStreet.temp" class="set_period" data-dev_period_title="месяц" data-dev_period="30d">месяц</a> |
<a href="javascript:void(0)" data-dev_type="climate_temp" data-dev_obj="TempSensorStreet.temp" class="set_period" data-dev_period_title="квартал" data-dev_period="90d">квартал</a> |
<a href="javascript:void(0)" data-dev_type="climate_temp" data-dev_obj="TempSensorStreet.temp" class="set_period" data-dev_period_title="год" data-dev_period="365d">год</a>
</p>

В качестве data-dev_obj, указывайте свой объект датчика температуры.

График температуры будет переключаться без обновления страницы

[Bagir]

А я через свойство делал, в котором период хранится. На то время еще не знал про getElementById. А ведь точно, надо попробовать!