black gadget set на АлиЭкспресс — купить онлайн по выгодной цене

Основное окно

Разметка основного окна ничем не отличается от разметки любой другой веб-страницы. Вдобавок нам предоставляют несколько исключительно гаджетовских тегов. Для задания фона гаджета, используется тег

g:background

. Любое содержимое, размещенное в данном элементе будет фоновым для всего основного окна.

Я не стал делать задний фон гаджету, с помощью параметра opacity=«0» фон стал абсолютно прозрачным.

Тело страницы довольно простое верхний div служит для отображения статуса гаджета, позволяет увидеть, сколько минут осталось до обновления данных, а также поддерживает ручное обновление. Нижний div будет содержать в себе список серверов.

Gadget.xml

Мы укажем в манифесте минимально нужную информацию.

Kitchen gadget sets — shop cheap kitchen gadget sets from china kitchen gadget sets suppliers at eph store on

Kitchen tool and gadget set на алиэкспресс — купить онлайн по выгодной цене

Перед покупкой сравните цены на kitchen tool and gadget set, прочитайте реальные отзывы покупателей, ознакомьтесь с техническими характеристиками.

Закажите kitchen tool and gadget set онлайн с доставкой по России: товары с пометкой Plus доступны с ускоренной доставкой и улучшенными условиями возврата.

На Алиэкспресс kitchen tool and gadget set всегда в наличии в большом ассортименте: на площадке представлены как надежные мировые бренды, так и перспективные молодые.

Ассортимент товаров

К категории аксессуаров относятся полезные мелочи, которые пригодятся людям, активно пользующимся мобильными устройствами. Мы предлагаем большой выбор товаров на любой вкус и бюджет. В ассортименте представлены аксессуары для гаджетов Apple, LG, Asus, Sony Xperia, Acer, Explay, Blackberry, Fly, HTC, Lenovo, Nokia, Huawei, Philips, Samsung, Xiaomi, ZTE и пр. Вы можете недорого купить у нас:

  • чехлы для телефонов,
  • зарядные устройства,
  • чехлы для планшетов,
  • наушники,
  • хабы,
  • портативные динамики,
  • переходники,
  • стилусы,
  • сенсорные перчатки,
  • автомобильные держатели,
  • карты памяти,
  • кабели и пр.
Гаджет:  гаджет унитаза — купите гаджет унитаза с бесплатной доставкой на АлиЭкспресс version

Как сделать заказ

Чтобы подробнее узнать о том, как приобрести качественные аксессуары на нашем сайте, звоните нам по телефону, указанному вверху страницы. При необходимости наши менеджеры всегда помогут Вам с выбором и оформлением заявки.

Сестра, скальпель

Гаджет – это обыкновенный zip-файл, который внутри себя хранит нужную информацию для развертывания. Сам гаджет – это набор HTML, CSS, JavaScript файлов, изображений и т.д.

Гаджет состоит из нескольких файлов с условными названиями:

Для управления поведением, видом гаджета,, хранения данных используется специальный объект System.Gadget.

Темная сторона, люк

Самый главный файл – JavaScript. Сразу оговорюсь, alert и confirm в гаджетах не работают. Для отладки гаджета, можно воспользоваться Visual Studio, но для этого нужно выполнить два хитрых действия. Прежде всего, включить отладчик JavaScript в Internet Explorer

Добавить в нужном месте кода гаджета строку:

debugger;

и перезапустить гаджет.

Мы объявляем две глобальных переменных, которые отвечают за время в минутах для обновления данных в гаджете, для меня оптимально 30 минут, а также счетчик отсчета оставшихся минут до обновления

var updateInterval = 30;
var updateMinutes = updateInterval;


Функция init содержит действия для инициализации гаджета, мне в данном случае было нужно установить прозрачность гаджета на 40%, чтобы он не перекрывал полностью кусочек рабочего стола.

function init() {
System.Gadget.Settings.write("PrivateSetting_GadgetOpacity", 40);
}

Функция запуска самого мониторинга, которая обновляет список серверов с их статусом, устанавливает интервал обновления данных, таймера в главном окне и так же добавляет обработчик события для ручного обновления статуса серверов.

function startMonitoring() {
init();
updateList();
setInterval(updateList, updateInterval * 1000 * 60);
setInterval(updateTimer, 1000 * 60);

  statusLink.onclick = function() {
updateList();
}
}

Добавление обработчика на нажатие происходит в данном случае двумя способами:

element.onclick = function(){}
$(element).get(0).onclick = function(){}


Продвинутые способы в гаджетах не работают:

element.attachEvent('onclick', function(){})
$(element).bind('click', function(){})

Для обновления самого таймера маленькая функция updateTimer, которая каждую минуту рассчитывает сколько времени осталось до обновления.

function updateTimer() {
updateMinutes = updateMinutes == 0 ? updateInterval : updateMinutes - 1;
$('#statusLink').html('Update in ' updateMinutes ' m.');
}

И наконец, обновление списка серверов, для возвращенных данных я использую JSON, вид ответа примерно такой:

[{«ip»:«***.45.**.60»,«lastHitTime»:«2009-09-06 00:07:24»,«runningTasks»:«1»}]

Для получения самих данных – getJSON. Вы можете использовать и AJAX, он прекрасно работает в гаджетах. Прежде всего, используя getJSON мы можем отлаживать код в браузере, не добавляя его в гаджет, AJAX нам такое сделать не позволит. В зависимости от загрузки сервера, я закрашиваю ячейку разным фоном.

Оцените статью
GadgetManiac
Добавить комментарий