<![CDATA[Серый форум — AHK: Gui+html+css]]> 2016-05-25T20:14:14Z PunBB https://forum.script-coding.com/viewtopic.php?id=11186 <![CDATA[Re: AHK: Gui+html+css]]> serzh82saratov, Вы правы. Только что заглянул - у меня IE 8...

]]> https://forum.script-coding.com/profile.php?id=33908 2016-05-25T20:14:14Z https://forum.script-coding.com/viewtopic.php?pid=104232#p104232 <![CDATA[Re: AHK: Gui+html+css]]> Надо чтобы IE был не ниже 9.

]]> https://forum.script-coding.com/profile.php?id=27879 2016-05-25T19:37:33Z https://forum.script-coding.com/viewtopic.php?pid=104225#p104225 <![CDATA[Re: AHK: Gui+html+css]]> AHK v1.1.23.01, Win 7 x64

+ открыть спойлер

html = 
( %
<!doctype html>
<html>
 
<body> 
<label class="button" onselectstart='return false' oncontextmenu='return false'>
  <input type="checkbox" id="checkbox">
  <span></span>
  <span></span>
</label>

</body>
<head>
<style>
body {
  background-color: #1c1d1f;
  overflow: hidden; 
}
*,
*:before,
*:after {
  box-sizing: border-box;
} 
.button {
  display: block; 
  width: 400px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #000000;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
  border-radius: 20px; 
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button span {
  display: block;
  position: absolute;
  top: 6px;
  width: 194px;
  height: 108px;
  background-color: #1c1d1f;
  -webkit-transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, box-shadow 300ms ease;
  transition: transform 300ms ease, box-shadow 300ms ease, -webkit-transform 300ms ease;
}
.button span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "Open Sans";
  font-weight: 800;
  font-size: 48px;
  -webkit-transition: text-shadow 800ms ease 100ms, color 800ms ease 100ms;
  transition: text-shadow 800ms ease 100ms, color 800ms ease 100ms;
}
.button span:after {
  content: "";
  width: 4px;
  height: 108px;
  position: absolute;
  top: 0;
  background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.button span:first-of-type {
  left: 6px;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  -webkit-transform-style: preserve3d;
          transform-style: preserve3d;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: perspective(2000px) rotateY(40deg);
          transform: perspective(2000px) rotateY(40deg);
  box-shadow: -1px 0 1px rgba(255, 255, 255, 0.1) inset, 4px 0 8px rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -10px 0 8px rgba(40, 42, 44, 0.9), -20px 0 8px rgba(28, 29, 31, 0.7), -30px 0 8px rgba(28, 29, 31, 0.4);
}
.button span:first-of-type:before {
  content: "ON";
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 4px 6px #1c1d1f, 0 0 0 black, 1px 4px 6px #1c1d1f;
}
.button span:first-of-type:after {
  left: -1px;
}
.button span:last-of-type {
  right: 6px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.1) inset, 2px 0 2px rgba(255, 255, 255, 0.05) inset;
}
.button span:last-of-type:before {
  content: "OFF";
  color: #ff4847;
  text-shadow: 0 0 24px rgba(255, 72, 71, 0.6);
}
.button span:last-of-type:after {
  right: -1px;
  opacity: 0;
}
.button input[type="checkbox"] {
  display: none;
}
.button input[type="checkbox"]:checked ~ span:first-of-type {
  -webkit-transform: none;
          transform: none;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1) inset, -2px 0 2px rgba(255, 255, 255, 0.05) inset;
}
.button input[type="checkbox"]:checked ~ span:first-of-type:before {
  color: #93c913;
  text-shadow: 0 0 24px rgba(147, 201, 19, 0.6);
}
.button input[type="checkbox"]:checked ~ span:first-of-type:after {
  opacity: 0;
}
.button input[type="checkbox"]:checked ~ span:last-of-type {
  -webkit-transform: perspective(2000px) rotateY(-40deg);
          transform: perspective(2000px) rotateY(-40deg);
  box-shadow: 1px 0 1px rgba(255, 255, 255, 0.1) inset, -4px 0 8px rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset, 10px 0 8px rgba(40, 42, 44, 0.9), 20px 0 8px rgba(28, 29, 31, 0.7), 30px 0 8px rgba(28, 29, 31, 0.4);
}
.button input[type="checkbox"]:checked ~ span:last-of-type:before {
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 4px 6px #1c1d1f, 0 0 0 #000000, 1px 4px 6px #1c1d1f;
}
.button input[type="checkbox"]:checked ~ span:last-of-type:after {
  opacity: 1;
}
</style>
</head>
</html>
) 
Global oDoc 
Gui, margin, 0, 0 
FixIE(1)
Gui, Add, ActiveX, w444 h444 voDoc, HTMLFile  
oDoc.body.innerHTML := html
ComObjError(false)
ComObjConnect(oDoc, Events) 
oDoc.querySelector(".button").click()
Gui, Show
return   

Class Events  {
	onclick()  { 
		oevent := oDoc.parentWindow.event.srcElement
		tagname := oevent.tagname
		If tagname = input 
			ToolTip % !(oevent.checked + 1) ? "ON" : "OFF" 
	}
}

FixIE(Fix)  {
	Static Key := "Software\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION"
	If A_IsCompiled
		ExeName := A_ScriptName
	Else
		SplitPath, A_AhkPath, ExeName
	If Fix
		RegWrite, REG_DWORD, HKCU, %Key%, %ExeName%, 0
	Else
		RegDelete, HKCU, %Key%, %ExeName%
}

вот так выглядит скрипт уважаемого serzh82saratov.
Если поубирать все и открыть как хтмл - то таки да - виднеется очень красивый и плавный переключатель.
serzh82saratov - а может ли быть так, что у меня браузер по умолчанию Опера и от того у меня скрипт не работает как у всех нормальных?

]]> https://forum.script-coding.com/profile.php?id=33908 2016-05-25T19:27:55Z https://forum.script-coding.com/viewtopic.php?pid=104223#p104223 <![CDATA[Re: AHK: Gui+html+css]]> Drugoy пишет:

hidden не должно быть в кавычках.

Ага, поправил.

Dr.Jekyll пишет:

И еще вопрос. Можно ли сделать так, чтобы позиция кнопки запоминалась на выходе ExitApp и была восстановлена при старте скрипта (по умолчанию это позиция "Off") ... или это из области unreal?

Добавил:

oDoc.querySelector(".button").click()
]]> https://forum.script-coding.com/profile.php?id=27879 2016-05-25T13:39:27Z https://forum.script-coding.com/viewtopic.php?pid=104205#p104205 <![CDATA[Re: AHK: Gui+html+css]]> yarrroslav, у меня на w7x64sp1, скрипт serzh82saratovа работает ок.

Dr.Jekyll пишет:

У меня тоже работает ... но при первом клике по кнопке идет небольшое смещение картинки вниз относительно Gui.

Всё дело в ошибке в CSS-стиле: для body там надо применять overflow: hidden и hidden не должно быть в кавычках.

]]> https://forum.script-coding.com/profile.php?id=27463 2016-05-25T13:34:03Z https://forum.script-coding.com/viewtopic.php?pid=104203#p104203 <![CDATA[Re: AHK: Gui+html+css]]> Тема очень интересная. Жаль у меня на Win 7 х64 что то пошло не так. Скрипт Сержа создает окно с черным ничто. А твой хтмл весьма достоин (открыл его оперой, IE что то не открыл его). И как он это у вас там работает и почему не работает у меня - очень даже не понятно и прискорбно.

]]> https://forum.script-coding.com/profile.php?id=33908 2016-05-23T21:57:07Z https://forum.script-coding.com/viewtopic.php?pid=104149#p104149 <![CDATA[Re: AHK: Gui+html+css]]> html здесь маловероятен. Скорее всего надо искать в css где там выставляется положение по-молчанию, загонять ее в переменную и писать все это в ini или реестр. ... К сожалению, css я вообще не знаю.
В общем, это большие заморочки. Думаю остановиться на варианте двух Picture, которые будут изменяться под GuiControl - будет нечто вроде анимашки. Уже написал тестовый вариант, вроде неплохо ... просто быстрее переключается, но эффект похож.

Всех благодарю за помощь! Задача слишком сложная.

]]> https://forum.script-coding.com/profile.php?id=30028 2015-12-30T16:27:09Z https://forum.script-coding.com/viewtopic.php?pid=100041#p100041 <![CDATA[Re: AHK: Gui+html+css]]>

или это из области unreal?

Думаю это просто, но нужен тот кто разбирается в html.

]]> https://forum.script-coding.com/profile.php?id=27879 2015-12-30T06:38:26Z https://forum.script-coding.com/viewtopic.php?pid=100035#p100035 <![CDATA[Re: AHK: Gui+html+css]]> Добрый вечер, serzh82saratov! Большое спасибо! У меня тоже работает ... но при первом клике по кнопке идет небольшое смещение картинки вниз относительно Gui.
А почему Вы поставили <head> после <body> ?
И еще вопрос. Можно ли сделать так, чтобы позиция кнопки запоминалась на выходе ExitApp и была восстановлена при старте скрипта (по умолчанию это позиция "Off") ... или это из области unreal?

... в принципе, тег <head> тогда можно вообще удалить ....

]]> https://forum.script-coding.com/profile.php?id=30028 2015-12-29T22:50:07Z https://forum.script-coding.com/viewtopic.php?pid=100034#p100034 <![CDATA[Re: AHK: Gui+html+css]]> Если совсем наобум, у меня так работает:


html = 
( %
<!doctype html>
<html>
 
<body> 
<label class="button" onselectstart='return false' oncontextmenu='return false'>
  <input type="checkbox" id="checkbox">
  <span></span>
  <span></span>
</label>

</body>
<head>
<style>
body {
  background-color: #1c1d1f;
  overflow: hidden; 
}
*,
*:before,
*:after {
  box-sizing: border-box;
} 
.button {
  display: block; 
  width: 400px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #000000;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
  border-radius: 20px; 
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.button span {
  display: block;
  position: absolute;
  top: 6px;
  width: 194px;
  height: 108px;
  background-color: #1c1d1f;
  -webkit-transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: box-shadow 300ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, box-shadow 300ms ease;
  transition: transform 300ms ease, box-shadow 300ms ease, -webkit-transform 300ms ease;
}
.button span:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: "Open Sans";
  font-weight: 800;
  font-size: 48px;
  -webkit-transition: text-shadow 800ms ease 100ms, color 800ms ease 100ms;
  transition: text-shadow 800ms ease 100ms, color 800ms ease 100ms;
}
.button span:after {
  content: "";
  width: 4px;
  height: 108px;
  position: absolute;
  top: 0;
  background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, transparent 50%);
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
.button span:first-of-type {
  left: 6px;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  -webkit-transform-style: preserve3d;
          transform-style: preserve3d;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: perspective(2000px) rotateY(40deg);
          transform: perspective(2000px) rotateY(40deg);
  box-shadow: -1px 0 1px rgba(255, 255, 255, 0.1) inset, 4px 0 8px rgba(255, 255, 255, 0.1) inset, 1px 0 0 rgba(255, 255, 255, 0.1) inset, -10px 0 8px rgba(40, 42, 44, 0.9), -20px 0 8px rgba(28, 29, 31, 0.7), -30px 0 8px rgba(28, 29, 31, 0.4);
}
.button span:first-of-type:before {
  content: "ON";
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 4px 6px #1c1d1f, 0 0 0 black, 1px 4px 6px #1c1d1f;
}
.button span:first-of-type:after {
  left: -1px;
}
.button span:last-of-type {
  right: 6px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  box-shadow: -1px 1px 1px rgba(255, 255, 255, 0.1) inset, 2px 0 2px rgba(255, 255, 255, 0.05) inset;
}
.button span:last-of-type:before {
  content: "OFF";
  color: #ff4847;
  text-shadow: 0 0 24px rgba(255, 72, 71, 0.6);
}
.button span:last-of-type:after {
  right: -1px;
  opacity: 0;
}
.button input[type="checkbox"] {
  display: none;
}
.button input[type="checkbox"]:checked ~ span:first-of-type {
  -webkit-transform: none;
          transform: none;
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1) inset, -2px 0 2px rgba(255, 255, 255, 0.05) inset;
}
.button input[type="checkbox"]:checked ~ span:first-of-type:before {
  color: #93c913;
  text-shadow: 0 0 24px rgba(147, 201, 19, 0.6);
}
.button input[type="checkbox"]:checked ~ span:first-of-type:after {
  opacity: 0;
}
.button input[type="checkbox"]:checked ~ span:last-of-type {
  -webkit-transform: perspective(2000px) rotateY(-40deg);
          transform: perspective(2000px) rotateY(-40deg);
  box-shadow: 1px 0 1px rgba(255, 255, 255, 0.1) inset, -4px 0 8px rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(255, 255, 255, 0.1) inset, 10px 0 8px rgba(40, 42, 44, 0.9), 20px 0 8px rgba(28, 29, 31, 0.7), 30px 0 8px rgba(28, 29, 31, 0.4);
}
.button input[type="checkbox"]:checked ~ span:last-of-type:before {
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 4px 6px #1c1d1f, 0 0 0 #000000, 1px 4px 6px #1c1d1f;
}
.button input[type="checkbox"]:checked ~ span:last-of-type:after {
  opacity: 1;
}
</style>
</head>
</html>
) 
Global oDoc 
Gui, margin, 0, 0 
FixIE(1)
Gui, Add, ActiveX, w444 h444 voDoc, HTMLFile  
oDoc.body.innerHTML := html
ComObjError(false)
ComObjConnect(oDoc, Events) 
oDoc.querySelector(".button").click()
Gui, Show
return   

Class Events  {
	onclick()  { 
		oevent := oDoc.parentWindow.event.srcElement
		tagname := oevent.tagname
		If tagname = input 
			ToolTip % !(oevent.checked + 1) ? "ON" : "OFF" 
	}
}

FixIE(Fix)  {
	Static Key := "Software\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_BROWSER_EMULATION"
	If A_IsCompiled
		ExeName := A_ScriptName
	Else
		SplitPath, A_AhkPath, ExeName
	If Fix
		RegWrite, REG_DWORD, HKCU, %Key%, %ExeName%, 0
	Else
		RegDelete, HKCU, %Key%, %ExeName%
}
]]> https://forum.script-coding.com/profile.php?id=27879 2015-12-29T20:04:25Z https://forum.script-coding.com/viewtopic.php?pid=100030#p100030 <![CDATA[Re: AHK: Gui+html+css]]> у меня 10 винда х64. Ишак 11 версии.

AutoHotkey L 1.1.22.07

... может битность AHK имеет значение???

У меня х64 unicode

]]> https://forum.script-coding.com/profile.php?id=30028 2015-12-29T19:31:23Z https://forum.script-coding.com/viewtopic.php?pid=100028#p100028 <![CDATA[Re: AHK: Gui+html+css]]> ... видимо, это большие заморочки с html. Сделаю пару скриншотов кнопки в положении On и Off и добавлю в Gui как Picture ... будет нечно похожее на анимашку.

]]> https://forum.script-coding.com/profile.php?id=30028 2015-12-29T19:21:34Z https://forum.script-coding.com/viewtopic.php?pid=100026#p100026 <![CDATA[Re: AHK: Gui+html+css]]> stealzy, у меня в этом Gui все работает. Только сейчас проверил все. .... Не пойму в чем причина .....

]]> https://forum.script-coding.com/profile.php?id=30028 2015-12-29T19:14:02Z https://forum.script-coding.com/viewtopic.php?pid=100025#p100025 <![CDATA[Re: AHK: Gui+html+css]]> Я только проверял сейчас в браузерах.
В Gui тоже все работает. Мне для скрипта нужно .... ну и для общего развития тоже.

Обычный скрипт с Gui без всякой связи с браузерами.

]]> https://forum.script-coding.com/profile.php?id=30028 2015-12-29T19:08:31Z https://forum.script-coding.com/viewtopic.php?pid=100024#p100024 <![CDATA[Re: AHK: Gui+html+css]]> :facepalm
Вы из браузера хотите запускать скрипт?
Я то - думал вы хотите использовать нативный элемент ActiveX внутри GUI скрипта.
В браузере у меня тоже все ок.
Я про то ваш html не отображается в ActiveX, как в браузере.

Я запускаю ваш код отсюда:

Dr.Jekyll пишет:
	Gui About: +LastFound -Caption +ToolWindow +AlwaysOnTop
	
	Gui About: Add, Picture, x500 y10 w20 h20 BackgroundTrans gCloseAbout vCloseAbout, % CloseExit
	Gui About: Add, ActiveX, x0 y0 w530 h320, % A_ScriptDir "\Switcher.html"
	
	Gui About: Show, Center w530 h320, About
	WinSet Region, w530 h320 0-0 R20-20
	Return

Убираем строку с несущ. label CloseAbout.
Вот что я вижу:http://s8.hostingkartinok.com/uploads/thumbs/2015/12/4f413832a312f214707a458d5ace455b.png

]]> https://forum.script-coding.com/profile.php?id=31937 2015-12-29T19:05:36Z https://forum.script-coding.com/viewtopic.php?pid=100023#p100023