Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Наши скрипты > Виджеты


Автор: JSman 19.7.2007, 02:21
Ознакомившись и применив во многих случаях технологию hta, у меня возникло  множество идей =) А именно в расширении возможности отображения оболочки веб-странички. microsoft говорила, что за hta стоит огромное будущее, а именно создание миниатюрных программок с html интерфейсом и функциональностью jscript. не говоря уже о простоте разработки.
   но разработка такого вида продуктов имеет свои недостатки.  

например,  
   большое количество ресурсов в виде файлов (скрипты, таблицы стилей, рисунки, флешки, htmlки), что затрудняет работу с ним. следовательно, их надо объединить. 
   затруднение, а точнее невозможность применения ttf незарегистрированных шрифтов.
   нет возможности управления формой оболочки и тд.

opera начали создавать виджеты на своем движке. основное требование - установка оперы))

я предлагаю решение такой задачи на встроенном в windows движке - ie.


  в рамках тэга <hta /> добавил атрибуты 
      
      OPACITY = % или число. - главная прозрачность.
      OPACITY_SKIN = url.bmp
      RGN_DRAG = url.bmp  регионы, отвечающие за перемещение окна с помощью мышки.
      RGN_MOUSE_RIGHT = url.bmp - регионы, отвечающие за отключение правой кнопки мышки (применяется для активикс объектов типа флэшки)
    
      
  я хочу слышать ваши предложения по поводу, что вы как пользователь или разработчик хотели бы видеть.

  я создал так называемую нулевую версию. exe включает в себя ресурсы и затем отображает это на экране.

хотелось бы получить критику и наставления.

Автор: JSman 20.7.2007, 02:18
скриншот программы часики, основанной на html.
user posted image
программа весит 50 кб. и это еще не предел...

Автор: SelenIT 20.7.2007, 02:20
JSman, а сами стрелки в этих часиках чем рисуются? Флешем?

Автор: JSman 20.7.2007, 03:00
Код

<html>
<head>
<script>
//window.resizeTo(0,0);
//window.moveTo(300,300);

window.onload = function () {

window.document.body.style.display = "";
//window.resizeTo(800,500);

}
</script>
<HTA:APPLICATION
    ID="q"
    CAPTION="no"
    INNERBORDER="no"
    BORDER="none"
/> 
<title>часики</title>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

<Style>
 body { margin:0px; padding:0px;}  
 </Style>

<script language="JavaScript">


var now

var second
var minute
var hour

var degreeSecond
var degreeMinute
var degreeHour

var timer
var stepDegree=6
var stepDegreeHour=30

function checkTime() {
 if (document.all) {
  now=new Date()
  second=now.getSeconds()
  minute=now.getMinutes()
  hour=now.getHours()
  if (hour>=12) {hour=hour-12}
  spinIt()
  timer=setTimeout("checkTime()",200)
 }
}

//прорисовка 
function spinIt() { 
 window.status=hour
 secondObj.SetIdentity()
 minuteObj.SetIdentity()
 hourObj.SetIdentity()
 
 degreeSecond=180+stepDegree*second
 degreeMinute=180+stepDegree*minute
 degreeHour=180+stepDegreeHour*hour+(Math.floor(stepDegree*minute/12))
 
 secondObj.Rotate(0,0,degreeSecond)
 minuteObj.Rotate(0,0,degreeMinute)
 hourObj.Rotate(0,0,degreeHour)
}

</script>

</head>
<body onLoad="checkTime()">
<DIV style="position:absolute;top:0px;left:0px">

<DIV style="position:absolute;top:0px;left:0px">
<img src="bgclock.gif" align="middle">
</DIV>

<DIV style="position:absolute;top:0px;left:0px">
<OBJECT ID="secondObj" STYLE="width:100px;height:102px" CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(80,20,20)">
<PARAM NAME="Line0003" VALUE="SetFillColor(80,20,20)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,32)">
</OBJECT>
</DIV>

<DIV style="position:absolute;top:0px;left:0px">
<OBJECT ID="minuteObj" STYLE="width:100px;height:102px" CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)">
<PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,30)">
</OBJECT>
</DIV>

<DIV style="position:absolute;top:0px;left:0px">
<OBJECT ID="hourObj" STYLE="width:100px;height:102px" CLASSID="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6">
<PARAM NAME="HighQuality" VALUE="1">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(50,50,50)">
<PARAM NAME="Line0003" VALUE="SetFillColor(50,50,50)">
<PARAM NAME="Line0004" VALUE="Rect(0,0,1,16)">
</OBJECT>
</DIV>
</DIV>

</body>
</html>


Добавлено через 1 минуту
флеш, в принципе, никто не запрещал..

Добавлено через 3 минуты и 25 секунд
вес без оптимизации - 47 кб, планирую до 28 кб сократить

Автор: JSman 20.7.2007, 03:16
могу лишь добавить, что
DirectAnimation.StructuredGraphicsControl - CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6
и насколько я знаю это не выполняется на 7м ie..  ну это уже другой топ.. 

Автор: SelenIT 20.7.2007, 03:21
Почему-то у меня ругается на SetIdentity() и Rotate() стрелок и зависает, хотя IE 6-й... но идея красивая!

Автор: JSman 20.7.2007, 23:29
вот и все-таки, имея хоть какое-то представление, =)) хотелось бы узнать дальней шие тенденции развития.

Добавлено через 22 секунды
принимаем ваши предложения..

Автор: AKS 21.7.2007, 09:27
Цитата(JSman @  20.7.2007,  03:00 Найти цитируемый пост)
вес без оптимизации - 47 кб, планирую до 28 кб сократить

А я уже "спланировал" smile

Автор: ksnk 21.7.2007, 14:48
Забавно! 
Однако, есть ли принципиальные различия между HTA application и обычным html файлом? Мои поверхностные исследования выявили только отсутствие окна эксплорера и возможность старта в свернутом/развернутом виде. Все остальное, включая соглашения о секурности - полностью наследуется из IE. Опять-же, немного обидно за любителей UNIX, которые будут лишены возможности посмотреть такое чудо ;)
Еще вопрос. Легко ли прикручивается и к HTA Application какой-нибудь Ajax? На первый взгляд - проблем не видно...

Автор: JSman 21.7.2007, 17:37
Цитата(AKS @  21.7.2007,  09:27 Найти цитируемый пост)
А я уже "спланировал" Это сообщение отредактировал(а) AKS - 21.7.2007,  09:27 
Присоединённый файл ( Кол-во скачиваний: 4 )
 clock.rar 1,65 Kb



нее, я о другом)))) у меня пока регионы - 8 битные битмапы.. и они весят много. но скоро реализую идеи по хранению в векторном формате. либо сам напишу конвертер из растра в вектор или возьму флешевский. также разрешу использование gif и png, и прочее.. 



Цитата(ksnk @  21.7.2007,  14:48 Найти цитируемый пост)
Однако, есть ли принципиальные различия между HTA application и обычным html файлом? Мои поверхностные исследования выявили только отсутствие окна эксплорера и возможность старта в свернутом/развернутом виде. Все остальное, включая соглашения о секурности - полностью наследуется из IE.


окей.. hta базируется на html начнем с этого. ie вообще можно запускать в режиме киоска (с параметром -k) - то есть развернутый режим. 

говоря о дополнениях, то их только 3.
  1) появление тэга HTA, отвечающего за отображение окна, количество экземпляров
  2) появление атрибута application = "yes" - доверие содержимому во фрейме.
  3) доверие содержимому типа activex


Цитата(ksnk @  21.7.2007,  14:48 Найти цитируемый пост)
Еще вопрос. Легко ли прикручивается и к HTA Application какой-нибудь Ajax? На первый взгляд - проблем не видно...

без проблем =) даже с радостью прикручивается=)

единственное, по моей памяти встречался с проблемой cookies и объектом history.. но это все решаемо.

в принципе, можете посмотреть часики и у себя. только эта версия работает крайне нестабильно. правую кнопку мыши не убирал, чтобы все видели, что мы имеем дело с html

Автор: JSman 21.7.2007, 19:33
в общем ваши отзывы принимаем=)

Автор: AKS 22.7.2007, 07:18
Цитата(JSman @  21.7.2007,  17:37 Найти цитируемый пост)
...говоря о дополнениях, то их только 3.

Да наверно еще чего-нибудь найдется. Я видел, что в скриптах используют возможность запуска из коммандной строки с доп. параметрами (т.е. в скрипте будет доступно св-во [hta].commandLine)...

Автор: JSman 22.7.2007, 12:29
вот и литература http://www.xserver.ru/computer/langprogr/html/43/

там учебник и по fso и другим вспомогательным объектам.

Цитата(JSman @  21.7.2007,  17:37 Найти цитируемый пост)
hta базируется на html начнем с этого

Цитата(JSman @  21.7.2007,  17:37 Найти цитируемый пост)
говоря о дополнениях, то их только 3.

дополнения к html тэг, атрибут, политика.

А если говорить о Jscript, то вообще говорим о новом объекте. там и commandLine и др.
Скоро в свой проект добавлю свой объект Application, он позволит полностью управлять содержимым с помощью Jscript. Сейчас программу учу обрабатывать файлы при drag n drop=) 

Автор: JSman 23.7.2007, 18:09
ну если скачали, раскажите свои впечатления чтоли =) у всех пошло?

Автор: Alx 5.8.2007, 15:18
часы есть, стрелок нет

Автор: Izabela 8.8.2007, 16:10
 smile вот ето не идет
Код

secondObj.SetIdentity()

  smile 

Автор: quiz 31.8.2007, 07:25
Открыл просто в эксплорере - стрелки идут нормально smile

Автор: JSman 1.9.2007, 20:47
блин, странно, у кого как идет. на разных компах проверял.  может от директ икса зависит. я вам покажу другой пример скоро. ну идея как? 

скоро будет нечто... =) через jscript можно будет вызывать функции проги, получать значения переменных программы и прога будет получать доступ к элементам скрипта. отображение окна будет управляться на уровне скрипта, реальных объектов в памяти; внутреннее сжатие ресурсов и много всего..

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)