Гаджеты рабочего стола Windows 7 и Vista, разработка, вопросы по кодингу ивсе что связано с ними.

Zhekawork · Повідомлення 29.09.2010 11:19

Предлагаю обсуждать в данном топике все что связано с кодингом гаджетов для Windows 7 и Vista, примеры написания кода, методы и прочее.

Пример гаджета написанного мной для монитора выполнения задания Folding@home:
Русскоязычный вариант:
Folding@home Monitor_ru
Англоязычный вариант:
Folding@home Monitor_en
Зображення

Еще один пример:
Зображення

Выражаем благодарность за проделаную работу Игорь "Igogo" Бушин скачать можно здесь вопросы по этому гаджету можно задать разработчику здесь

Статьи с примерами:
designformasters.info
статья на MSDN
англоязычная статья на MSDN
статья на dimanb.wordpress.com

Статьи по html css и JavaScript
http://www.htmlbook.ru/css/top.html
http://www.guestbook.ru/docs/css-manual/

Полезные программы и статьи:
Программа для раскодировки скриптов и html (если кто-то пытался их скрыть

):
Malzilla
Статья с описанием метода расшифровки JS закодированного при помощи HTML Guardian
Truth about HTML Guardian

P.S.: В кодинге я ничего не смыслю но очень хочется сделать много разных гаджетов (нравятся они мне ) , а выше приведенный гаджет я сделал из полунерабочего образца (спасибо автору но кто он я не помню) при этом потратил 3 месяца на изучение материалов, метода научного тыка, изучения html css и JavaScript
Для проверки работоспособности гаджета приведенного выше достаточно указать в гаджете путь к приложенному файлу (не забудьте распаковать).

SoulOfONYX · Повідомлення 29.09.2010 11:42

У меня вот так отображается

Zhekawork · Повідомлення 29.09.2010 12:22

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

SoulOfONYX · Повідомлення 29.09.2010 12:30

Zhekawork
ладно подожду) Скачаю,посмотрю,есть пара вопросов)

Zhekawork · Повідомлення 29.09.2010 16:45

SoulOfONYX:Zhekawork
ладно подожду) Скачаю,посмотрю,есть пара вопросов)

ок. они все на одной базе сделаны что 2.1 что 3.0

Добавлено спустя 3 часа 26 минут 42 секунды:
все гаджеты обновились до версии 3.0.0.1

можно пользоваться.

Zhekawork · Повідомлення 30.09.2010 08:33

Неужели никто не подскажет как прицепить Flyout к вот такому коду.

Код: Виділити все

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;" />
    <title>...</title>
    <script type="text/javascript" language="javascript">
        ...
    </script>
    <style type="text/css">
        ...
    </style>
</head>
<body onload="loadGadget()">
    <g:background id="background" src="images/background.png">
    <div id="gadgetprojectName" class="style1">
    </div>
    <div id="gadgetwuName" class=style1>
    </div>
    <div id="gadgetstartDate" class=style1>
    </div>
    <div id="gadgetlastDate" class=style1>
    </div>
    <div id="gadgetprogressString" class=style1>
    </div>
    </g:background>
</body>
</html>

Zhekawork · Повідомлення 01.10.2010 13:40

метод борьбы с иностранным гаджетом (локализация на русский язык) в котором html и JS были закодированы:
1. копируем содержимое закодированного файла в Malzilla:
Зображення

и нажимаем кнопку decoe.JSencode/
получаем код такого вида:
Зображення

2. копируем полученный в пункте 1 код в следующее окно и нажимаем кнопку Run script, в нижнем поле получем нормальный код (форматирование кода прийдется делать ручками):
Зображення

после всех манипуляций локализация гаджета прошла успешно

:

Blah · Повідомлення 01.10.2010 21:52

Zhekawork:Неужели никто не подскажет как прицепить Flyout к вот такому коду.

Так а в чем проблема? Здесь же описано, правда на jquery.

Zhekawork · Повідомлення 02.10.2010 22:58

Blah:
Zhekawork:Неужели никто не подскажет как прицепить Flyout к вот такому коду.
Так а в чем проблема? Здесь же описано, правда на jquery.

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

ПОМОГИТЕ

Добавлено спустя 3 часа 53 минуты 11 секунд:
Нашел решение для следующей проблемы:
Если заглючил гаджет GPUObserver (мониторит видеокарту) Зображення

и не определяет видеокарту (а до этого было все в норме) то нужно удалить гаджет при помощи вложенного Unistaller и устанавливаем по новому.

Zhekawork · Повідомлення 04.10.2010 13:42

Кто нибудь поможет или нет

Zhekawork · Повідомлення 13.10.2010 16:00

Zhekawork:Кто нибудь поможет или нет

Разобрался сам (не прошло и семи лет как кто-нибудь помог

)

1. добавляем в основной HTML гаджета скрипт с адресом HTML Flyoutа:
System.Gadget.Flyout.file = "flyout.html";
2. в тег <body> добавляем обработчик включения и выключения Flyout:
onclick="javascriptSystem.Gadget.Flyout.show=true;" ondblclick="javascriptSystem.Gadget.Flyout.show=false;"
один клик по гаджету - показывает Flyout, два клика - закрывают Flyout

Код: Виділити все

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;" />
    <title>Folding@home монитор</title>
    <script type="text/javascript" language="javascript">

        System.Gadget.Flyout.file = "flyout.html";
        System.Gadget.settingsUI = "settings.html";
        System.Gadget.onSettingsClosed = settingsClosed;
       
    </script>
    <style type="text/css">
       
    </style>
</head>
<body onload="loadGadget()" onclick="javascript:System.Gadget.Flyout.show=true;" ondblclick="javascript:System.Gadget.Flyout.show=false;">
    <g:background  id="background" src="images/background.png"></g:background>
    <!--данной строкой задается фоновый рисунок гаджета-->
    <div id="gadgetContent">
    </div>
</body>
</html>

3. Далее создаем файл Flyout.html

Код: Виділити все

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Flyout</title>
    <style type="text/css">
        body
        {
            background: url(../../images/backgroundFlyout.png) no-repeat 0px 0px;
            margin: 0px;
            padding: 0px;
            width: 303px;
            height: 225px; /*color: #ffffff;*/
            font-size: 10px; /*background-color: #ff00ff;*/
            font-family: Calibri, Tahoma, sans-serif;
            background-repeat: no-repeat;
            z-index: -1;
        }
        div#textFlyout
        {
            margin: 0px 0px 0px 0px;
            padding: 0px;
            width: 260px;
            height: 50px;
            font-size: 40px;
            font-family: Segoe UI;
            z-index: 1;
            position: absolute;
            top: 80px;
            left: 20px;
        }
    </style>
    <script type="text/javascript" language="javascript">
        function loadFlyout() {

        }
    </script>
</head>
<body onload="loadFlyout()" onclick="javascript:System.Gadget.Flyout.show=false;">
        <div id="textFlyout">Привет Flyout</div>
</body>
</html>

4. Все, этого достаточно для отображения Flyout. (пример тут)
Зображення

Crong · Повідомлення 27.10.2010 15:19

Zhekawork
какой гаджет следует устанавливать 4,0,0,0 или 3,0,0,1?

Zhekawork · Повідомлення 02.11.2010 12:42

Crong:Zhekawork
какой гаджет следует устанавливать 4,0,0,0 или 3,0,0,1?

они ни чем не отличаются, только наличием пустого окна флайоута в версии 3.1

Zhekawork · Повідомлення 07.02.2011 13:15

Закончена работа над гаджетом для мониторинга F@H!!!
Зображення

Выражаем благодарность за проделаную работу Игорь "Igogo" Бушин скачать можно здесь вопросы по этому гаджету можно задать разработчику здесь