sciter can support opengl interface？or how to embedded threejs in html to show it
↧
how can i show a stl file embedd html (1 reply)
↧
Object.properytAt (1 reply)
var person = {
name: "mike",
age: 27
};
person.name = "danny"; // OK.
person.propertyAt( "name" ) = "danny"; // Error: bad syntax : Expecting an lvalue
person.propertyAt( "name" ).child = "mikky"; // OK.
The propertyAt( tag ) method is not equivalent to obj.tag since it can not be assigned to. However, it doesn't seem to be read-only either, since propertyAt("name").child is assignable.
On the other hand, person["name"] = "danny"; seems to work ok even though [ ] is not mentioned in the docs for Object. Maybe the docs need updating?
↧
↧
a question of apng (1 reply)
Hi, Andrew,
Can Sciter add support this special effect for apng:
![]()
I have an idea: add CSS property, like "-apng-repeat","-apng-frame-pos" etc, and Code can be used like this:
Can Sciter add support this special effect for apng:
I have an idea: add CSS property, like "-apng-repeat","-apng-frame-pos" etc, and Code can be used like this:
div {
background-image: url(Aapng.png);
-apng-repeat: no-repeat;
-apng-frame-pos: 0%;
}
div.hover {
-apng-frame-pos: 100%;
}
div.hoveroff {
}
↧
animate() bug (1 reply)
<html>
<style>
</style>
<script type="text/tiscript">
var i = 0;
self.animate(function() {
stdout.println("animate", i++)
return true;
});
</script>
<body>
</body>
</html>
If I open this HTML, the animate() starts since we can see log message. Now if you minimize the window, animate() stops, no more log messages, even if I maximize the window back..
↧
VALUE ownership of on_script_call() return (1 reply)
(I will make this question for the C++ interface, but I am asking because of an issue in my D port of the headers)
Question is: how do you handle reference counting for the SCRIPTING_METHOD_PARAMS.result VALUE struct member when I return something?
If I want to return a SCITER_VALUE I would do in C++:
You see, the VALUE I am returning needs to be alive, that is, ValueClear() wasn't called yet. So I presume that in this case the engine is responsible for calling ValueClear() over the return VALUE right?
Question is: how do you handle reference counting for the SCRIPTING_METHOD_PARAMS.result VALUE struct member when I return something?
If I want to return a SCITER_VALUE I would do in C++:
virtual bool on_script_call(HELEMENT he, LPCSTR name, UINT argc, SCITER_VALUE* argv, SCITER_VALUE& retval)
{
retval = sciter::value("whatever");
return true;
}
This actually set SCRIPTING_METHOD_PARAMS.result struct member...
You see, the VALUE I am returning needs to be alive, that is, ValueClear() wasn't called yet. So I presume that in this case the engine is responsible for calling ValueClear() over the return VALUE right?
↧
↧
css query (no replies)
Hi,
I was going through some sciter code. I have found "assigned!" written in css.
What does that mean?
Thanks.
I was going through some sciter code. I have found "assigned!" written in css.
What does that mean?
Thanks.
↧
widget (no replies)
Hi,
Is <widget> supported in Sciter? Where could I find more details about widget tag?
Thanks.
Is <widget> supported in Sciter? Where could I find more details about widget tag?
Thanks.
↧
Sciter timer (1 reply)
Hi, Andrew! How can i do a timer with non static function ?
class Test
{
function inc()
{
this.n_++;
stdout.println("num: "+this.n_);
return this.n_==5;
}
function this()
{
$(body).timer(1000,this.inc);
}
this var n_=0;
};
↧
(1 reply)
Hi,
Could you please explain type = "progress" attribute of input tag.
How to state values for the progress?
Thanks.
Could you please explain type = "progress" attribute of input tag.
How to state values for the progress?
Thanks.
↧
↧
SatusBar (3 replies)
I’m trying to implement a Windows type StatusBar to the bottom of a Sciter window, the following is my basic window:
Ideally the StatusBar will start from the right of the vertical ToolBar and will consist of 4 parts that will resize proportionately when the window is resized but I’m not having much luck with the concept, I know I can simply add the Windows SatusBar directly to the Sciter window but I figured I might get better results with HTML so if anyone has any pointers on this then that would be helpful.
<html>
<head>
<title>Project</title>
<style>
/* Toolbar */
@const BUTTON_FORE_NORMAL: none;
@const BUTTON_FORE_HOVER: url(toolbar-button-hover.png);
@const BUTTON_FORE_ACTIVE: url(toolbar-button-pressed.png);
@const BUTTON_FORE_DISABLED: none;
@image-map icons {
src: url(Buttons.png) ;
cells:3 3;
items: I_1,
I_2,
I_3,
I_4,
I_5,
I_6,
I_7,
I_8,
I_9;
}
html { background-color:#5C4C4C; }
body { flow:horizontal; margin:0; }
div#toolbar
{
flow:vertical;
width:max-content;
padding:3dip;
height:*;
}
div#toolbar > button
{
foreground-position: 4 4 4 4;
foreground-repeat : expand stretch-left stretch-right stretch-middle;
foreground-image: @BUTTON_FORE_NORMAL;
display:block;
background-repeat:no-repeat;
background-position:50% 50%;
background-size:38dip 38dip;
padding:0;
size:46dip;
cursor:pointer;
}
div#toolbar > button:hover { foreground-image: @BUTTON_FORE_HOVER; transition:none; }
div#toolbar > button:active { foreground-image: @BUTTON_FORE_ACTIVE; foreground-position:53% 53%; }
div#toolbar > button:disabled { foreground-image: @BUTTON_FORE_DISABLED; opacity:0.5; }
frame{ size:*; }
frame > div#intro
{
font: system;
background-color:transparent; padding:3px;
size:*;
}
frame > div#intro > img#arrow { vertical-align:middle; size:0.8em; color:transparent; }
frame[allow-drop]
{
outline:2px orange solid -2px;
}
div#toolbar > button#1 { background-image:image-map(icons,I_7); }
div#toolbar > button#2 { background-image:image-map(icons,I_1); }
div#toolbar > button#3 { background-image:image-map(icons,I_6); }
div#toolbar > button#4 { background-image:image-map(icons,I_4); }
div#toolbar > button#5 { background-image:image-map(icons,I_2); }
div#toolbar > button#6 { background-image:image-map(icons,I_5);margin-top:*;}
div#toolbar > button#7 { background-image:image-map(icons,I_3); }
html { background-color:transparent; }
frame { visibility:none; }
frame:expanded { visibility:visible; border:0px transparent; background-color:white;}
/* Header */
h1 {text-align:center;}
</style>
<script type="text/tiscript">
var _CF = -1;
function showFrame(no) {
var oldFrame = $(frame:expanded);
if( oldFrame )
oldFrame.state.expanded = false;
var allFrames = $$(frame);
var newFrame = allFrames[no];
newFrame.state.expanded = true;
_CF = no;
}
function FrameNo()
{
return _CF;
}
showFrame(0);
</script>
</head>
<body>
<div #toolbar role="toolbar">
<button #1 title=""/>
<button #2 title=""/>
<button #3 title=""/>
<button #4 title=""/>
<button #5 title=""/>
<button #6 title="" />
<button #7 title=""/>
</div>
<frame>
<h1>Frame 1</h1>
</frame>
<frame>
<h1>Frame 2</h1>
</frame>
<frame>
<h1>Frame 3</h1>
</frame>
</body>
</html>
Ideally the StatusBar will start from the right of the vertical ToolBar and will consist of 4 parts that will resize proportionately when the window is resized but I’m not having much luck with the concept, I know I can simply add the Windows SatusBar directly to the Sciter window but I figured I might get better results with HTML so if anyone has any pointers on this then that would be helpful.
↧
Animate html tag (1 reply)
Hi Andrew,
Quick question.... would consider adding support for animate tags inside svgs?
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate
The same thing could probably be easily achieved using a tiscript behavior but I think it would be cool if this was a native feature.
Alternatively a sample illustrating the tiscript behavior similar to the animation library currently there would also be great.
Thanks,
Ivo
Quick question.... would consider adding support for animate tags inside svgs?
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate
The same thing could probably be easily achieved using a tiscript behavior but I think it would be cool if this was a native feature.
Alternatively a sample illustrating the tiscript behavior similar to the animation library currently there would also be great.
Thanks,
Ivo
↧
Fixed header tables (6 replies)
Looking for ideas on how to implement fixed header scrolling in html <table>s. Browsers have started to support position: -sticky, Andrew I'm curious your thoughts on that or other implementation methods?
This other forum post mentions something similar (fixed columns instead of fixed rows), but there wasn't an answer posted.
Something like this would work for us:
This other forum post mentions something similar (fixed columns instead of fixed rows), but there wasn't an answer posted.
Something like this would work for us:
<table>
<thead>
<tr style="position:sticky">
<th>header 1</th>
<th>header 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Value 1</td>
<td>Value 2</td>
</tr>
</tbody>
</table>
↧
margins (1 reply)
<html>
<style>
body { margin: 0; }
h1 { font-size: 50px; }
#s1 { color: white; background: red; }
</style>
<body>
<div #s1>
<h1 #font1>The quick brown fox jumps over the lazy dog</h1>
</div>
</body>
</html>
Why the DIV doesn't completely surrounds the H1?
There shouldn't be that white area at the top of the page, is should be covered in red...
Some strange margin behavior happening
↧
↧
SVG animation (1 reply)
Seem SVG animations don't work. I was trying to use these things: [samherbert.net]
↧
this.root not work (1 reply)
namespace HostCallable
{
function IsActiveZone()
{
stdout.println(" html:",this.root.html); //here,this.root.html is not working!
return ret;
}
}
function self.ready()
{
stdout.println("self ready html:",this.root.html); //here,this.root.html is working!
HostCallable.IsActiveZone();
}
this.root.html in self.ready() is working,but in HostCallable.IsActiveZone() is not working,WHY!
THKS!!
↧
A question about video_destination (6 replies)
Hi, Andrew,
I want to implement behavior_camera_capture.cpp which use Delphi. Now, I can't translate video_destination into Delphi code,
so can modified the implementation of video_destination to make it easier to translate into other languages?
I want to implement behavior_camera_capture.cpp which use Delphi. Now, I can't translate video_destination into Delphi code,
so can modified the implementation of video_destination to make it easier to translate into other languages?
↧
inspector.exe missing MSVCP100D.dll (6 replies)
When I open inspector.exe a message says it is missing MSVCP100D.dll.
Maybe I don't have VS2010 redistributable. But I see that it is requiring the DEBUG version of that .dll (in ends with the D letter right?). Shouldn't it require the release version of the DLL?
Maybe I don't have VS2010 redistributable. But I see that it is requiring the DEBUG version of that .dll (in ends with the D letter right?). Shouldn't it require the release version of the DLL?
↧
↧
Dynamic text in popup (6 replies)
I have a popup:
and I would like 'Port' in <p>Port</p> to be changed to the current port returned from:
each time the popup is shown, how do I go about that?
<popup id="Net_Status_Pop_Port" class="Net_Status_Pop_Port">
<div><p>Port</p></div>
</popup>
and I would like 'Port' in <p>Port</p> to be changed to the current port returned from:
var Port = view.Current_Port(); // number
each time the popup is shown, how do I go about that?
↧
miracle! (1 reply)
my html:
<link href="res:Main.css" rel="stylesheet" type="text/css" />
.
.
.
<div id="panel-Friends" .clTabsTyle>
<div .clPanel-Friends-Button>
<Button #btnAddFriend .clTabsButton><dfn>Add</dfn></Button>
</div>
.
.
.
.
my Main.css:
.clTabsTyle{
width:294px;
}
.clPanel-Friends-Button{
overflow:hidden;
height:23px;
line-height:23px;
width:290px;
margin:-3px 0 2px 0;
}
.clTabsButton{
width: 129px;
height: 20px;
border: 0px none;
overflow: hidden;
vertical-align: middle;
line-height: 20px;
font-size: 12px;
font-weight: 700;
color: #FFF;
border-radius: 1px;
cursor: pointer;
}
.clTabsButton:hover{
background-color:#0148cb;
}
But I use inspector.exe, I saw:
<div id="panel-Friends" .clTabsTyle>
<div .clPanel-Friends-Button>
<dfn>Add</dfn>
</div>
why!
"<Button #btnAddFriend .clTabsButton>" is disappear!!
<link href="res:Main.css" rel="stylesheet" type="text/css" />
.
.
.
<div id="panel-Friends" .clTabsTyle>
<div .clPanel-Friends-Button>
<Button #btnAddFriend .clTabsButton><dfn>Add</dfn></Button>
</div>
.
.
.
.
my Main.css:
.clTabsTyle{
width:294px;
}
.clPanel-Friends-Button{
overflow:hidden;
height:23px;
line-height:23px;
width:290px;
margin:-3px 0 2px 0;
}
.clTabsButton{
width: 129px;
height: 20px;
border: 0px none;
overflow: hidden;
vertical-align: middle;
line-height: 20px;
font-size: 12px;
font-weight: 700;
color: #FFF;
border-radius: 1px;
cursor: pointer;
}
.clTabsButton:hover{
background-color:#0148cb;
}
But I use inspector.exe, I saw:
<div id="panel-Friends" .clTabsTyle>
<div .clPanel-Friends-Button>
<dfn>Add</dfn>
</div>
why!
"<Button #btnAddFriend .clTabsButton>" is disappear!!
↧
clearInterval method (1 reply)
Hi,
How can we use clearInterval() and setInterval() methods in Sciter.
A bit of guidance please.
Thanks.
How can we use clearInterval() and setInterval() methods in Sciter.
A bit of guidance please.
Thanks.
↧