oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

asset manager initial check in

Browse source
This commit is contained in:
JT Smith 2004-12-17 05:38:46 +00:00
parent 4bc4974ecc
commit f7dd3b0577
320 changed files with 15398 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

58
www/extras/assetManager/ActiveWidgets/documentation/tutorial/html/attributes.htm Executable file
View file

@ -0,0 +1,58 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt;
</div>
<h1>HTML attributes
</h1>
<p>
Function <code>setAttribute(name, value)</code> allows assigning the value of the HTML attribute.
</p>
<textarea id="script1" style="height:120px" target="height:25px">
var obj = new Active.HTML.INPUT;
obj.setAttribute("type", "text");
obj.setAttribute("value", "static text");
obj.setAttribute("title", "tooltip");
document.write(obj);
</textarea>
<script>if(window.site) site.example("script1");</script>
<p>
The attribute can be either a static value or a function.
The function will be evaluated each time the object is written to the page
or when the <code>refresh()</code> method is called.
</p>
<textarea id="script2" style="height:100px" target="height:25px">
var obj = new Active.HTML.INPUT;
obj.setAttribute("value", function(){return new Date()});
document.write(obj);
</textarea>
<script>if(window.site) site.example("script2");</script>
<h3>
See also:
</h3>
<p>
<a href="../../reference/active.system.html/getattribute.htm"><i>getAttribute(name)</i></a><br>
<a href="../../reference/active.system.html/setattribute.htm"><i>setAttribute(name, value)</i></a><br>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

59
www/extras/assetManager/ActiveWidgets/documentation/tutorial/html/styles.htm Executable file
View file

@ -0,0 +1,59 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt;
</div>
<h1>HTML styles (CSS attributes)
</h1>
<p>
Function <code>setStyle(name, value)</code> allows assigning the value of the CSS attribute (style).
</p>
<textarea id="script1" style="height:135px" target="height:25px">
var obj = new Active.HTML.DIV;
obj.setStyle("width", "300px");
obj.setStyle("height", "2em");
obj.setStyle("border", "2px outset");
obj.setStyle("background-color", "buttonface");
document.write(obj);
</textarea>
<script>if(window.site) site.example("script1");</script>
<p>
The style can be either a static value or a function.
The function will be evaluated each time the object is written to the page
or when the <code>refresh()</code> method is called.
</p>
<textarea id="script2" style="height:90px" target="height:25px">
var obj = new Active.HTML.INPUT;
obj.setStyle("width", function(){return 100 + 200});
document.write(obj);
</textarea>
<script>if(window.site) site.example("script2");</script>
<h3>
See also:
</h3>
<p>
<a href="../../reference/active.system.html/getstyle.htm"><i>getStyle(name)</i></a><br>
<a href="../../reference/active.system.html/setstyle.htm"><i>setStyle(name, value)</i></a><br>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>

64
www/extras/assetManager/ActiveWidgets/documentation/tutorial/html/tags.htm Executable file
View file

@ -0,0 +1,64 @@
<html>
<head>
<title>ActiveWidgets Tutorial</title>
<link href="../../../common/site.css" type="text/css" rel="stylesheet" />
<script src="../../../common/site.js"></script>
</head>
<body class="tutorial">
<script>document.write(window.$header)</script>
<div class="image-home">
</div>
<div class="location">:: Documentation &gt;&gt; Tutorial &gt;&gt;
</div>
<h1>HTML tags
</h1>
<p>
All objects, which are subclasses of the generic HTML class <code>(Active.System.HTML)</code>,
are created as DIV elements by default. To create another element type,
for example INPUT box, assign the required tag with <code>setTag()</code> function.
</p>
<textarea id="script1" style="height:100px" target="height:25px">
var obj = new Active.System.HTML;
obj.setTag("input");
document.write(obj);
</textarea>
<script>if(window.site) site.example("script1");</script>
<p>
For convenience, several HTML classes are pre-defined in Active.HTML module:<br><br>
</p>
<pre>Active.HTML.DIV
Active.HTML.SPAN
Active.HTML.IMG
Active.HTML.INPUT
Active.HTML.BUTTON
Active.HTML.TEXTAREA
Active.HTML.TABLE
Active.HTML.TR
Active.HTML.TD</pre>
<p>
It is also possible to set tag to an empty string:
</p>
<pre>obj.setTag("");
</pre>
<p>
In this case the html output will consist of the object's content only.
</p>
<h3>
See also:
</h3>
<p>
<a href="../../reference/active.system.html/gettag.htm"><i>getTag()</i></a><br>
<a href="../../reference/active.system.html/settag.htm"><i>setTag(value)</i></a><br>
</p>
<script>document.write(window.$column)</script>
<script>document.write(window.$tutorial)</script>
<script>document.write(window.$footer)</script>
</body>
</html>