mirror of
https://github.com/rabbibotton/clog.git
synced 2025-12-06 02:30:42 -08:00
3656 lines
199 KiB
HTML
3656 lines
199 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
|
|
<head>
|
|
<title>The CLOG manual</title>
|
|
<link type='text/css' href='style.css' rel='stylesheet'/>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
<script src="jquery.min.js"></script>
|
|
<script src="toc.min.js"></script>
|
|
<script type="text/x-mathjax-config">
|
|
MathJax.Hub.Config({
|
|
tex2jax: {
|
|
inlineMath: [['$','$']],
|
|
processEscapes: true
|
|
}
|
|
});
|
|
</script>
|
|
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML">
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="content-container">
|
|
<div id="toc">
|
|
<div id="page-toc">
|
|
</div>
|
|
<div id="toc-footer"><ul><li><a href="https://github.com/melisgl/mgl-pax">[generated by MGL-PAX]</a></li></ul></div>
|
|
</div>
|
|
<div id="content">
|
|
<p><a id='x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-GETTING-STARTED-20MGL-PAX-3ASECTION-29" title="CLOG Getting Started">→</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↺</a></span></span></p>
|
|
|
|
<h1><a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29">The CLOG manual</a></h1>
|
|
|
|
<h2>Table of Contents</h2>
|
|
|
|
<ul>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-GETTING-STARTED-20MGL-PAX-3ASECTION-29" title="CLOG Getting Started">1 CLOG Getting Started</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-SYSTEM-20MGL-PAX-3ASECTION-29" title="CLOG System">2 CLOG System</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-UTILITIES-20MGL-PAX-3ASECTION-29" title="CLOG Utilities">3 CLOG Utilities</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-OBJ-20MGL-PAX-3ASECTION-29" title="CLOG Objects">4 CLOG Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-ELEMENT-20MGL-PAX-3ASECTION-29" title="CLOG Elements">5 CLOG Elements</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-ELEMENT-COMMON-20MGL-PAX-3ASECTION-29" title="Common CLOG Elements">6 Common CLOG Elements</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29" title="CLOG Form Objects">7 CLOG Form Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29" title="CLOG Canvas Objects">8 CLOG Canvas Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29" title="CLOG Body Objects">9 CLOG Body Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29" title="CLOG Window Objects">10 CLOG Window Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29" title="CLOG Document Objects">11 CLOG Document Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29" title="CLOG Location Objects">12 CLOG Location Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29" title="CLOG Navigator Objects">13 CLOG Navigator Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-INTERNALS-20MGL-PAX-3ASECTION-29" title="CLOG Framework internals and extensions">14 CLOG Framework internals and extensions</a></li>
|
|
</ul>
|
|
|
|
<h6>[in package CLOG]</h6>
|
|
|
|
<p>The Common Lisp Omnificient GUI, <code>CLOG</code> for short, uses web technology to
|
|
produce graphical user interfaces for applications locally or remotely.
|
|
<code>CLOG</code> can take the place, or work along side, most cross platform GUI
|
|
frameworks and website frameworks. The <code>CLOG</code> package starts up the
|
|
connectivity to the browser or other websocket client (often a browser
|
|
embedded in a native template application.)</p>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-GETTING-STARTED-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-SYSTEM-20MGL-PAX-3ASECTION-29" title="CLOG System">→</a> <a href="#x-28CLOG-3A-40CLOG-GETTING-STARTED-20MGL-PAX-3ASECTION-29" title="CLOG Getting Started">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-GETTING-STARTED-20MGL-PAX-3ASECTION-29">1 CLOG Getting Started</a></h2>
|
|
|
|
<h1><code>CLOG</code> - The Common Lisp Omnificent GUI</h1>
|
|
|
|
<h2>David Botton <a href="mailto:david@botton.com">mailto:david@botton.com</a></h2>
|
|
|
|
<h3>License BSD 3-Clause License</h3>
|
|
|
|
<p>The Common Lisp Omnificient GUI, <code>CLOG</code> for short, uses web technology to
|
|
produce graphical user interfaces for applications locally or remotely.
|
|
<code>CLOG</code> can take the place, or work along side, most cross platform GUI
|
|
frameworks and website frameworks. The <code>CLOG</code> package starts up the
|
|
connectivity to the browser or other websocket client (often a browser
|
|
embedded in a native template application.)</p>
|
|
|
|
<p>STATUS: <code>CLOG</code> is complete enough for most uses, there are a few loose
|
|
ends (multimedia, client side storage, integrations with databases),
|
|
but <code>CLOG</code> is actually based on a framework I wrote for Ada, GNOGA, in
|
|
2013 and used in commercial production code for the last 6 years,
|
|
i.e. the techiniques it uses are solid and proven.</p>
|
|
|
|
<p>Some of the things <code>CLOG</code> can be used for:</p>
|
|
|
|
<ul>
|
|
<li><p>Cross platform GUIs and Reports</p></li>
|
|
<li><p>Secure websites and complex interactive web applications</p></li>
|
|
<li><p>Write mobile software</p></li>
|
|
<li><p>Write massive multiplayer online games</p></li>
|
|
<li><p>Monitoring software for embedded systems</p></li>
|
|
<li><p>A fun way to teaching programming and advanced multi-tasking
|
|
parallel programming techniques. (<code>CLOG</code> is a parallel GUI)</p></li>
|
|
<li><p>And the list goes on</p></li>
|
|
</ul>
|
|
|
|
<p>The key to <code>CLOG</code> is the relationship it forms with a Browser window
|
|
or Browser control compiled to native code. <code>CLOG</code> uses websockets
|
|
for communications and the browser to render a GUI that maintanes
|
|
an active soft realtime connection. For most <code>CLOG</code> applications all
|
|
programming logic, events and decisions are done on the server
|
|
which can be local or remote over the web.</p>
|
|
|
|
<p><code>CLOG</code> is developed on an M1 MacBook with ECL, it is tested fairly
|
|
regulary with SCBL on Linux, Windows and Intel MacBook. It should
|
|
in theory work on any system QuickLisp and <code>CLACK</code> will load on to.</p>
|
|
|
|
<p><code>CLOG</code> will be in QuickSlip in the next update, but a good idea,
|
|
since I am still adding code daily, is to clone the github repo
|
|
in to your ~/common-lisp directory:</p>
|
|
|
|
<pre><code><span class="code">cd ~/common-lisp
|
|
git clone https://github.com/rabbibotton/clog.git</span></code></pre>
|
|
|
|
<p>To load this package and work through tutorials (assuming you
|
|
have QuickSlip configured):</p>
|
|
|
|
<ol>
|
|
<li><p>cd to the <code>CLOG</code> dir (the dir should be one used by QuickLisp ex. ~/common-lisp/)</p></li>
|
|
<li><p>Start emacs/slime or your common lisp "repl" in <em>that</em> directory.</p></li>
|
|
<li><p>In the REPL run:</p></li>
|
|
</ol>
|
|
|
|
<p><code>CL-USER</code>> (ql:quickload :clog)
|
|
<code>CL-USER</code>> (load "~/common-lisp/clog/tutorial/01-tutorial.lisp")
|
|
<code>CL-USER</code>> (clog-user:start-tutorial)</p>
|
|
|
|
<p>Work your way through the tutorials. You will see how quick and easy it is
|
|
to be a CLOGer.</p>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-SYSTEM-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-GETTING-STARTED-20MGL-PAX-3ASECTION-29" title="CLOG Getting Started">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-UTILITIES-20MGL-PAX-3ASECTION-29" title="CLOG Utilities">→</a> <a href="#x-28CLOG-3A-40CLOG-SYSTEM-20MGL-PAX-3ASECTION-29" title="CLOG System">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-SYSTEM-20MGL-PAX-3ASECTION-29">2 CLOG System</a></h2>
|
|
|
|
<p><code>CLOG</code> Startup and Shutdown</p>
|
|
|
|
<p><a id='x-28CLOG-3AINITIALIZE-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AINITIALIZE-20FUNCTION-29" >INITIALIZE</a></span></span> <span class="locative-args">ON-NEW-WINDOW-HANDLER &KEY (HOST "0.0.0.0") (PORT 8080) (BOOT-FILE "/boot.html") (STATIC-ROOT #P"static-files/")</span></span></p>
|
|
|
|
<p>Inititalize <code>CLOG</code> on a socket using <code>HOST</code> and <code>PORT</code> to serve <code>BOOT-FILE</code> as
|
|
the default route to establish web-socket connections and static files
|
|
located at <code>STATIC-ROOT</code>. If <code>CLOG</code> was already initialized and not shut
|
|
down, this function does the same as set-on-new-window. If the variable
|
|
clog:<em>overide-static-root</em> is set <code>STATIC-ROOT</code> will be ignored. If <code>BOOT-FILE</code>
|
|
is nil no default boot-file will be set for /.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-NEW-WINDOW-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-NEW-WINDOW-20FUNCTION-29" >SET-ON-NEW-WINDOW</a></span></span> <span class="locative-args">ON-NEW-WINDOW-HANDLER &KEY (PATH "/") (BOOT-FILE "/boot.html")</span></span></p>
|
|
|
|
<p>Set or change the on-new-window handler or set a new one for <code>PATH</code>
|
|
using BOOT_FILE. Paths should always begin with a '/'. If <code>PATH</code> is set to
|
|
"default" will use boot-file when the route can not be determined, ie
|
|
a static html file including boot.js that has not been added with this
|
|
function. If <code>BOOT-FILE</code> is nil path is removed.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASHUTDOWN-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASHUTDOWN-20FUNCTION-29" >SHUTDOWN</a></span></span> <span class="locative-args"></span></span></p>
|
|
|
|
<p>Shutdown <code>CLOG</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-UTILITIES-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-SYSTEM-20MGL-PAX-3ASECTION-29" title="CLOG System">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-OBJ-20MGL-PAX-3ASECTION-29" title="CLOG Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-UTILITIES-20MGL-PAX-3ASECTION-29" title="CLOG Utilities">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-UTILITIES-20MGL-PAX-3ASECTION-29">3 CLOG Utilities</a></h2>
|
|
|
|
<p><code>CLOG</code> utilities</p>
|
|
|
|
<p><a id='x-28CLOG-3AJS-TRUE-P-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AJS-TRUE-P-20FUNCTION-29" >JS-TRUE-P</a></span></span> <span class="locative-args">VALUE</span></span></p>
|
|
|
|
<p>Return true if <code>VALUE</code> equalp the string true</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AP-TRUE-JS-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AP-TRUE-JS-20FUNCTION-29" >P-TRUE-JS</a></span></span> <span class="locative-args">VALUE</span></span></p>
|
|
|
|
<p>Return "true" if <code>VALUE</code> t</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJS-ON-P-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AJS-ON-P-20FUNCTION-29" >JS-ON-P</a></span></span> <span class="locative-args">VALUE</span></span></p>
|
|
|
|
<p>Return true if <code>VALUE</code> equalp the string on</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AP-ON-JS-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AP-ON-JS-20FUNCTION-29" >P-ON-JS</a></span></span> <span class="locative-args">VALUE</span></span></p>
|
|
|
|
<p>Return "on" if <code>VALUE</code> t or return "off"</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOPEN-BROWSER-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOPEN-BROWSER-20FUNCTION-29" >OPEN-BROWSER</a></span></span> <span class="locative-args">&KEY (URL "http://127.0.0.1:8080")</span></span></p>
|
|
|
|
<p>Open a web browser to <code>URL</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AESCAPE-STRING-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AESCAPE-STRING-20FUNCTION-29" >ESCAPE-STRING</a></span></span> <span class="locative-args">STR</span></span></p>
|
|
|
|
<p>Escape <code>STR</code> for sending to browser script.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-OBJ-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-UTILITIES-20MGL-PAX-3ASECTION-29" title="CLOG Utilities">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-ELEMENT-20MGL-PAX-3ASECTION-29" title="CLOG Elements">→</a> <a href="#x-28CLOG-3A-40CLOG-OBJ-20MGL-PAX-3ASECTION-29" title="CLOG Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-OBJ-20MGL-PAX-3ASECTION-29">4 CLOG Objects</a></h2>
|
|
|
|
<p>CLOG-Obj - Base class for <code>CLOG</code> Objects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-OBJ-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" >CLOG-OBJ</a></span></span></span></p>
|
|
|
|
<p><code>CLOG</code> objects (clog-obj) encapsulate the connection between
|
|
lisp and the <code>HTML</code> DOM element.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Obj - General Properties</p>
|
|
|
|
<p><a id='x-28CLOG-3APROPERTY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APROPERTY-20GENERIC-FUNCTION-29" >PROPERTY</a></span></span> <span class="locative-args">CLOG-OBJ PROPERTY-NAME</span></span></p>
|
|
|
|
<p>Get/Setf html property. (eg. draggable)</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Obj - General Methods</p>
|
|
|
|
<p><a id='x-28CLOG-3AHEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHEIGHT-20GENERIC-FUNCTION-29" >HEIGHT</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get/Setf html height in pixels.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AWIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AWIDTH-20GENERIC-FUNCTION-29" >WIDTH</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get/Setf html width in pixels.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFOCUS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFOCUS-20GENERIC-FUNCTION-29" >FOCUS</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Focus on <code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABLUR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABLUR-20GENERIC-FUNCTION-29" >BLUR</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Remove focus from <code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Obj - Low Level</p>
|
|
|
|
<p><a id='x-28CLOG-3ACONNECTION-DATA-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACONNECTION-DATA-20GENERIC-FUNCTION-29" >CONNECTION-DATA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get connection-data that is associated with
|
|
clog-obj that will persist regardless of thread. The event hooks
|
|
are stored in this string based hash in the format of:
|
|
"html-id:event-name" => event-handler.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACONNECTION-DATA-ITEM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACONNECTION-DATA-ITEM-20GENERIC-FUNCTION-29" >CONNECTION-DATA-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ ITEM-NAME</span></span></p>
|
|
|
|
<p>Get/Setf from connection-data the item-name in hash.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREMOVE-CONNECTION-DATA-ITEM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AREMOVE-CONNECTION-DATA-ITEM-20GENERIC-FUNCTION-29" >REMOVE-CONNECTION-DATA-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ ITEM-NAME</span></span></p>
|
|
|
|
<p>Remove from connection-data the item-name in hash.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVALIDP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AVALIDP-20GENERIC-FUNCTION-29" >VALIDP</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Returns true of connection is valid on this <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Obj - Event Handling</p>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-RESIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-RESIZE-20GENERIC-FUNCTION-29" >SET-ON-RESIZE</a></span></span> <span class="locative-args">CLOG-OBJ ON-RESIZE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-RESIZE-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-RESIZE-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-FOCUS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-FOCUS-20GENERIC-FUNCTION-29" >SET-ON-FOCUS</a></span></span> <span class="locative-args">CLOG-OBJ ON-FOCUS-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-FOCUS-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-FOCUS-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-BLUR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-BLUR-20GENERIC-FUNCTION-29" >SET-ON-BLUR</a></span></span> <span class="locative-args">CLOG-OBJ ON-BLUR-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-BLUR-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-BLUR-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-CHANGE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-CHANGE-20GENERIC-FUNCTION-29" >SET-ON-CHANGE</a></span></span> <span class="locative-args">CLOG-OBJ ON-CHANGE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-CHANGE-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-CHANGE-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-FOCUS-IN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-FOCUS-IN-20GENERIC-FUNCTION-29" >SET-ON-FOCUS-IN</a></span></span> <span class="locative-args">CLOG-OBJ ON-FOCUS-IN-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-FOCUS-IN-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-FOCUS-IN-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-FOCUS-OUT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-FOCUS-OUT-20GENERIC-FUNCTION-29" >SET-ON-FOCUS-OUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-FOCUS-OUT-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-FOCUS-OUT-HANDLER</code> for <code>CLOG-OBJ</code>.
|
|
If <code>ON-FOCUS-OUT-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-RESET-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-RESET-20GENERIC-FUNCTION-29" >SET-ON-RESET</a></span></span> <span class="locative-args">CLOG-OBJ ON-RESET-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-RESET-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-RESET-HANDLER</code>
|
|
is nil unbind the event. This event is activated by using reset on a form. If
|
|
this even is bound, you must call the form reset manually.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-SEARCH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-SEARCH-20GENERIC-FUNCTION-29" >SET-ON-SEARCH</a></span></span> <span class="locative-args">CLOG-OBJ ON-SEARCH-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-SEARCH-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-SEARCH-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-SELECT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-SELECT-20GENERIC-FUNCTION-29" >SET-ON-SELECT</a></span></span> <span class="locative-args">CLOG-OBJ ON-SELECT-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-SELECT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-SELECT-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-SUBMIT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-SUBMIT-20GENERIC-FUNCTION-29" >SET-ON-SUBMIT</a></span></span> <span class="locative-args">CLOG-OBJ ON-SUBMIT-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-SUBMIT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-SUBMIT-HANDLER</code>
|
|
is nil unbind the event. This event is activated by using submit on a form. If
|
|
this event is bound, you must call the (submit clog-form) manually if wish the
|
|
form action to be run. See CLOG-Form <a href="#x-28CLOG-3ASUBMIT-20GENERIC-FUNCTION-29" title="(CLOG:SUBMIT GENERIC-FUNCTION)"><code>SUBMIT</code></a> for more details.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-SELECT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-SELECT-20GENERIC-FUNCTION-29" >SET-ON-SELECT</a></span></span> <span class="locative-args">CLOG-OBJ ON-SELECT-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-SELECT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-SELECT-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-CONTEXT-MENU-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-CONTEXT-MENU-20GENERIC-FUNCTION-29" >SET-ON-CONTEXT-MENU</a></span></span> <span class="locative-args">CLOG-OBJ ON-CONTEXT-MENU-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-CONTEXT-MENU-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-CONTEXT-MENU-HANDLER</code> is nil unbind the event. Setting
|
|
on-mouse-right-click will replace this handler.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-CLICK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-CLICK-20GENERIC-FUNCTION-29" >SET-ON-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-CLICK-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-CLICK-HANDLER</code>
|
|
is nil unbind the event. Setting this event will replace an on-mouse click if
|
|
set.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-DOUBLE-CLICK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-DOUBLE-CLICK-20GENERIC-FUNCTION-29" >SET-ON-DOUBLE-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-DOUBLE-CLICK-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-DOUBLE-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-DOUBLE-CLICK-HANDLER</code> is nil unbind the event. Setting the
|
|
on-mouse-double-click event will replace this handler.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-CLICK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-CLICK-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-CLICK-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-MOUSE-CLICK-HANDLER</code> is nil unbind the event. Setting this event will replace
|
|
on an on-click event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-DOUBLE-CLICK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-DOUBLE-CLICK-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-DOUBLE-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-DOUBLE-CLICK-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-DOUBLE-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-MOUSE-DOUBLE-CLICK-HANDLER</code> is nil unbind the event. Setting this event will
|
|
replace on an on-double-click event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-RIGHT-CLICK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-RIGHT-CLICK-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-RIGHT-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-RIGHT-CLICK-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-RIGHT-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-MOUSE-RIGHT-CLICK-HANDLER</code> is nil unbind the event. Setting this event will
|
|
replace on an on-context-menu event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-ENTER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-ENTER-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-ENTER</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-ENTER-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-ENTER-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-MOUSE-ENTER-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-LEAVE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-LEAVE-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-LEAVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-LEAVE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-LEAVE-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-MOUSE-LEAVE-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-OVER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-OVER-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-OVER</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-OVER-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-OVER-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-MOUSE-OVER-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-OUT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-OUT-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-OUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-OUT-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-OUT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-MOUSE-OUT-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-DOWN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-DOWN-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-DOWN</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-DOWN-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-DOWN-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-MOUSE-DOWN-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-UP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-UP-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-UP</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-UP-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-UP-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-MOUSE-UP-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MOUSE-MOVE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-MOUSE-MOVE-20GENERIC-FUNCTION-29" >SET-ON-MOUSE-MOVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-MOVE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-MOUSE-MOVE-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-MOUSE-MOVE-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-TOUCH-START-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-TOUCH-START-20GENERIC-FUNCTION-29" >SET-ON-TOUCH-START</a></span></span> <span class="locative-args">CLOG-OBJ ON-TOUCH-START-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-TOUCH-START-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-TOUCH-START-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-TOUCH-MOVE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-TOUCH-MOVE-20GENERIC-FUNCTION-29" >SET-ON-TOUCH-MOVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-TOUCH-MOVE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-TOUCH-MOVE-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-TOUCH-MOVE-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-TOUCH-END-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-TOUCH-END-20GENERIC-FUNCTION-29" >SET-ON-TOUCH-END</a></span></span> <span class="locative-args">CLOG-OBJ ON-TOUCH-END-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-TOUCH-END-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-TOUCH-END-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-TOUCH-CANCEL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-TOUCH-CANCEL-20GENERIC-FUNCTION-29" >SET-ON-TOUCH-CANCEL</a></span></span> <span class="locative-args">CLOG-OBJ ON-TOUCH-CANCEL-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-TOUCH-CANCEL-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-TOUCH-CANCEL-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-CHARACTER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-CHARACTER-20GENERIC-FUNCTION-29" >SET-ON-CHARACTER</a></span></span> <span class="locative-args">CLOG-OBJ ON-CHARACTER-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-CHARACTER-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-CHARACTER-HANDLER</code> is nil unbind the event. Setting this event
|
|
will replace a on-key-down</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-KEY-DOWN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-KEY-DOWN-20GENERIC-FUNCTION-29" >SET-ON-KEY-DOWN</a></span></span> <span class="locative-args">CLOG-OBJ ON-KEY-DOWN-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-KEY-DOWN-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-KEY-DOWN-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-KEY-UP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-KEY-UP-20GENERIC-FUNCTION-29" >SET-ON-KEY-UP</a></span></span> <span class="locative-args">CLOG-OBJ ON-KEY-UP-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-KEY-UP-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-KEY-UP-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-KEY-PRESS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-KEY-PRESS-20GENERIC-FUNCTION-29" >SET-ON-KEY-PRESS</a></span></span> <span class="locative-args">CLOG-OBJ ON-KEY-PRESS-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-KEY-PRESS-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-KEY-PRESS-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-COPY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-COPY-20GENERIC-FUNCTION-29" >SET-ON-COPY</a></span></span> <span class="locative-args">CLOG-OBJ ON-COPY-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-COPY-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-COPY-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-CUT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-CUT-20GENERIC-FUNCTION-29" >SET-ON-CUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-CUT-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-CUT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-CUT-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-PASTE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-PASTE-20GENERIC-FUNCTION-29" >SET-ON-PASTE</a></span></span> <span class="locative-args">CLOG-OBJ HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-PASTE-HANDLER for <code>CLOG-OBJ</code>. If ON-PASTE-HANDLER
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-ELEMENT-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-OBJ-20MGL-PAX-3ASECTION-29" title="CLOG Objects">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-ELEMENT-COMMON-20MGL-PAX-3ASECTION-29" title="Common CLOG Elements">→</a> <a href="#x-28CLOG-3A-40CLOG-ELEMENT-20MGL-PAX-3ASECTION-29" title="CLOG Elements">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-ELEMENT-20MGL-PAX-3ASECTION-29">5 CLOG Elements</a></h2>
|
|
|
|
<p>CLOG-Element - Class for <code>CLOG</code> Elements</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-ELEMENT-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" >CLOG-ELEMENT</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)">CLOG-OBJ</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Element Objects is the base class for all html
|
|
element objects.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Element - Low Level Creation</p>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-CHILD-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-CHILD-20GENERIC-FUNCTION-29" >CREATE-CHILD</a></span></span> <span class="locative-args">CLOG-OBJ HTML &KEY AUTO-PLACE CLOG-TYPE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Element or sub-type of <code>CLOG-TYPE</code> from <code>HTML</code>
|
|
as child of <code>CLOG-OBJ</code> and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
|
|
<code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AATTACH-AS-CHILD-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AATTACH-AS-CHILD-20GENERIC-FUNCTION-29" >ATTACH-AS-CHILD</a></span></span> <span class="locative-args">CLOG-OBJ HTML-ID &KEY CLOG-TYPE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Element or sub-type of <code>CLOG-TYPE</code> and
|
|
attach an existing element with <code>HTML-ID</code>. The <code>HTML-ID</code> must be unique.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Element - DOM Placement</p>
|
|
|
|
<p><a id='x-28CLOG-3APLACE-AFTER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APLACE-AFTER-20GENERIC-FUNCTION-29" >PLACE-AFTER</a></span></span> <span class="locative-args">CLOG-OBJ NEXT-OBJ</span></span></p>
|
|
|
|
<p>Places <code>NEXT-OBJ</code> after <code>CLOG-OBJ</code> in DOM</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APLACE-BEFORE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APLACE-BEFORE-20GENERIC-FUNCTION-29" >PLACE-BEFORE</a></span></span> <span class="locative-args">CLOG-OBJ NEXT-OBJ</span></span></p>
|
|
|
|
<p>Places <code>NEXT-OBJ</code> before <code>CLOG-OBJ</code> in DOM</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APLACE-INSIDE-TOP-OF-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APLACE-INSIDE-TOP-OF-20GENERIC-FUNCTION-29" >PLACE-INSIDE-TOP-OF</a></span></span> <span class="locative-args">CLOG-OBJ NEXT-OBJ</span></span></p>
|
|
|
|
<p>Places <code>NEXT-OBJ</code> inside top of <code>CLOG-OBJ</code> in DOM</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APLACE-INSIDE-BOTTOM-OF-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APLACE-INSIDE-BOTTOM-OF-20GENERIC-FUNCTION-29" >PLACE-INSIDE-BOTTOM-OF</a></span></span> <span class="locative-args">CLOG-OBJ NEXT-OBJ</span></span></p>
|
|
|
|
<p>Places <code>NEXT-OBJ</code> inside bottom of <code>CLOG-OBJ</code> in DOM</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Element - General Properties</p>
|
|
|
|
<p><a id='x-28CLOG-3ASTYLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTYLE-20GENERIC-FUNCTION-29" >STYLE</a></span></span> <span class="locative-args">CLOG-ELEMENT STYLE-NAME</span></span></p>
|
|
|
|
<p>Get/Setf css style.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AATTRIBUTE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AATTRIBUTE-20GENERIC-FUNCTION-29" >ATTRIBUTE</a></span></span> <span class="locative-args">CLOG-ELEMENT ATTRIBUTE-NAME</span></span></p>
|
|
|
|
<p>Get/Setf html tag attribute. (eg. src on img tag)</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREMOVE-ATTRIBUTE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AREMOVE-ATTRIBUTE-20GENERIC-FUNCTION-29" >REMOVE-ATTRIBUTE</a></span></span> <span class="locative-args">CLOG-ELEMENT ATTRIBUTE-NAME</span></span></p>
|
|
|
|
<p>Get/Setf html tag attribute. (eg. src on img tag)</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Element - Properties</p>
|
|
|
|
<p><a id='x-28CLOG-3AACCESS-KEY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AACCESS-KEY-20GENERIC-FUNCTION-29" >ACCESS-KEY</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf access-key. Used for hot key access to element.
|
|
[special key][] + Access_Key</p>
|
|
|
|
<p>The [special key][] per browser and platform is:</p>
|
|
|
|
<pre><code>Browser Windows Linux Mac
|
|
----------------- ------- ----- ---
|
|
Internet Explorer [Alt] N/A N/A
|
|
Chrome [Alt] [Alt] [Control][Alt]
|
|
Firefox [Alt][Shift] [Alt][Shift] [Control][Alt]
|
|
Safari [Alt] N/A [Control][Alt]
|
|
Opera 15+ [Alt] [Alt] [Alt]
|
|
</code></pre></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AADVISORY-TITLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AADVISORY-TITLE-20GENERIC-FUNCTION-29" >ADVISORY-TITLE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf advisory title of Element, usually
|
|
used for body and image maps but creates in forms and many
|
|
elements a tool tip.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACSS-CLASS-NAME-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACSS-CLASS-NAME-20GENERIC-FUNCTION-29" >CSS-CLASS-NAME</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf css-class-name. CSS Class name, can be multiple
|
|
seperated by <space>. See add-class, remove-class and toggle-class methods
|
|
for adding and removing individual or groups of classes in an easier way.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AEDITABLEP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AEDITABLEP-20GENERIC-FUNCTION-29" >EDITABLEP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf editable. This will make almost any element with
|
|
content editable, even non-form types in most browsers.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADRAGGABLEP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADRAGGABLEP-20GENERIC-FUNCTION-29" >DRAGGABLEP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf draggablep. In order to make an object draggable
|
|
in addition to Draggable being true the on-drag-start event <em>must</em> be bound
|
|
as well to set the drag-text. To receive a drop, you need to bind on-drop.
|
|
See clog-base.lisp</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVISIBLEP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AVISIBLEP-20GENERIC-FUNCTION-29" >VISIBLEP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf visiblep. This will cause the Element to no longer
|
|
be visible but it will still take up space where it was in the layout. Use
|
|
hiddenp to also remove from layout.
|
|
Note: that each property, visiblep, hiddenp and display (None) all work
|
|
independantly and do not reflect the actual client side visual state
|
|
but the property state. To check if an object is for sure not visible
|
|
would require checking all three properties.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHIDDENP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHIDDENP-20GENERIC-FUNCTION-29" >HIDDENP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf hiddenp. The hidden property will make an element
|
|
invisible, however unlike visiblep, hiddenp implies the element is semantically
|
|
not relevant not just visually and will <em>also</em> remove it from layout similar to
|
|
setting display (None).</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AINNER-HTML-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AINNER-HTML-20GENERIC-FUNCTION-29" >INNER-HTML</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf inner-html. This will completely replace the inner
|
|
html of an element. This will remove any Elements within Element from the DOM.
|
|
If those elements were created in <code>CLOG</code> they are still available and can be
|
|
placed in the DOM again using the placement methods. However if they were
|
|
created through html writes or otherwise not assigned an ID by <code>CLOG</code>, they are
|
|
lost forever.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTER-HTML-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTER-HTML-20GENERIC-FUNCTION-29" >OUTER-HTML</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf outer-html. Returns the <code>HTML</code> for Element and all
|
|
its contents</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASPELLCHECKP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASPELLCHECKP-20GENERIC-FUNCTION-29" >SPELLCHECKP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf spellcheckp. If true Element is subject to browser
|
|
spell checking if Editable is also true.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATAB-INDEX-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATAB-INDEX-20GENERIC-FUNCTION-29" >TAB-INDEX</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf tab-index.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-20GENERIC-FUNCTION-29" >TEXT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf text.</p>
|
|
|
|
<p><tag>Text Content</tag> - Text content is the content contained by the
|
|
tag. This should not be confused with the
|
|
'Value' of a Form Tag. (See clog-form.lisp)</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-DIRECTION-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-DIRECTION-TYPE-20-28TYPE-29-29" >TEXT-DIRECTION-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-DIRECTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-DIRECTION-20GENERIC-FUNCTION-29" >TEXT-DIRECTION</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf BiDi text-direction.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALANGUAGE-CODE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALANGUAGE-CODE-20GENERIC-FUNCTION-29" >LANGUAGE-CODE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf language-code.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLIENT-LEFT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLIENT-LEFT-20GENERIC-FUNCTION-29" >CLIENT-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get client-left. The width of the left border of an element
|
|
in pixels. It does not include the margin or padding.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLIENT-TOP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLIENT-TOP-20GENERIC-FUNCTION-29" >CLIENT-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get client-top. The width of the top border of an element
|
|
in pixels. It does not include the margin or padding.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLIENT-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLIENT-WIDTH-20GENERIC-FUNCTION-29" >CLIENT-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get client-width. Inner width of an element in pixels.
|
|
CSS width + CSS padding - width of vertical scrollbar (if present)
|
|
Does not include the border or margin.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLIENT-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLIENT-HEIGHT-20GENERIC-FUNCTION-29" >CLIENT-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get client-right. Inner height of an element in pixels.
|
|
CSS height + CSS padding - height of horizontal scrollbar (if present)
|
|
Does not include the border or margin.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOFFSET-LEFT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOFFSET-LEFT-20GENERIC-FUNCTION-29" >OFFSET-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Position in pixels from left relative to the document.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOFFSET-TOP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOFFSET-TOP-20GENERIC-FUNCTION-29" >OFFSET-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Position in pixels from top relative to the document.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOFFSET-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOFFSET-WIDTH-20GENERIC-FUNCTION-29" >OFFSET-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get offset-width. CSS width + CSS padding + width of
|
|
vertical scrollbar (if present) + Border</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOFFSET-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOFFSET-HEIGHT-20GENERIC-FUNCTION-29" >OFFSET-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get offset-height. CSS height + CSS padding + height of
|
|
horizontal scrollbar (if present) + Border</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHTML-TAG-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHTML-TAG-20GENERIC-FUNCTION-29" >HTML-TAG</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get html-tag.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Element - Styles</p>
|
|
|
|
<p><a id='x-28CLOG-3ABOX-SIZING-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ABOX-SIZING-TYPE-20-28TYPE-29-29" >BOX-SIZING-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABOX-SIZING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABOX-SIZING-20GENERIC-FUNCTION-29" >BOX-SIZING</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf box-sizing. Affects if height and width
|
|
properteries represent just the content or the border, marging, padding,
|
|
scroll and conent area as a whole. The default is content-box</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLEAR-SIDE-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLEAR-SIDE-TYPE-20-28TYPE-29-29" >CLEAR-SIDE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLEAR-SIDE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLEAR-SIDE-20GENERIC-FUNCTION-29" >CLEAR-SIDE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf clear-side. When using 'float' for layout sets
|
|
if the right or left side of block should be clear of any 'floated' Element.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFLOAT-WRAP-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AFLOAT-WRAP-TYPE-20-28TYPE-29-29" >FLOAT-WRAP-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFLOAT-WRAP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFLOAT-WRAP-20GENERIC-FUNCTION-29" >FLOAT-WRAP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf for element float left or right and other
|
|
elements wrap around it.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADISPLAY-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ADISPLAY-TYPE-20-28TYPE-29-29" >DISPLAY-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADISPLAY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADISPLAY-20GENERIC-FUNCTION-29" >DISPLAY</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf display. Display sets the CSS Display property that
|
|
handles how elements are treated by the browser layout engine.</p>
|
|
|
|
<pre><code>Common Values:
|
|
|
|
none - Remove Element from layout but remain in the DOM this is
|
|
similar to hiddenp, but not like visiblep that makes the
|
|
element not visible but still take up space in layout.
|
|
|
|
block - Displays an element starting on a new line and stretches
|
|
out to the left and right as far as it can. e.g. <div> by
|
|
default
|
|
|
|
inline - Wraps with text in a paragraph. e.g. <span> by default
|
|
|
|
inline-block - Flows with paragraph but will always fill from left to
|
|
right.
|
|
|
|
flex - Use the flexbox model
|
|
</code></pre></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOVERFLOW-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AOVERFLOW-TYPE-20-28TYPE-29-29" >OVERFLOW-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOVERFLOW-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOVERFLOW-20GENERIC-FUNCTION-29" >OVERFLOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf overflow. How to handle overflow of contents of
|
|
an element's box. The default is visible - no clipping.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOVERFLOW-X-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AOVERFLOW-X-TYPE-20-28TYPE-29-29" >OVERFLOW-X-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOVERFLOW-X-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOVERFLOW-X-20GENERIC-FUNCTION-29" >OVERFLOW-X</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf overflow-x. How to handle overflow of contents of
|
|
an element's box for X. The default is Visible - no clipping.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOVERFLOW-Y-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AOVERFLOW-Y-TYPE-20-28TYPE-29-29" >OVERFLOW-Y-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOVERFLOW-Y-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOVERFLOW-Y-20GENERIC-FUNCTION-29" >OVERFLOW-Y</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf overflow-y. How to handle overflow of contents of
|
|
an element's box for Y. The default is Visible - no clipping.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AZ-INDEX-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AZ-INDEX-20GENERIC-FUNCTION-29" >Z-INDEX</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf z-index. Set stack order of element.
|
|
Note: z-index only works on Elements with Position Type of absolute,
|
|
relative and fixed.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARESIZABLE-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ARESIZABLE-TYPE-20-28TYPE-29-29" >RESIZABLE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARESIZABLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARESIZABLE-20GENERIC-FUNCTION-29" >RESIZABLE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf resizable. If overflow is not set to visible,
|
|
resizeable sets if element can be resized by user.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APOSITION-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3APOSITION-TYPE-20-28TYPE-29-29" >POSITION-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APOSITIONING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APOSITIONING-20GENERIC-FUNCTION-29" >POSITIONING</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf positioning. Determins how the properties left,
|
|
right, top and bottom are interpreted.</p>
|
|
|
|
<p>Static - According to document flow, position properties have no
|
|
affect.
|
|
Absolute - Position properties are relative to the first non-static
|
|
element in the DOM before Element
|
|
Fixed - Position properties are relative to browser window
|
|
Relative - Position properties are relative to where the static position
|
|
of the element would in the normal document flow.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APOSITION-TOP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APOSITION-TOP-20GENERIC-FUNCTION-29" >POSITION-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Position from top in pixels relative to Element's
|
|
parent in the DOM.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APOSITION-LEFT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APOSITION-LEFT-20GENERIC-FUNCTION-29" >POSITION-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Position from left in pixels relative to Element's
|
|
parent in the DOM.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALEFT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALEFT-20GENERIC-FUNCTION-29" >LEFT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf browser x position.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATOP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATOP-20GENERIC-FUNCTION-29" >TOP</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf browser y postion.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARIGHT-20GENERIC-FUNCTION-29" >RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf right.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABOTTOM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABOTTOM-20GENERIC-FUNCTION-29" >BOTTOM</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf bottom.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABOX-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABOX-HEIGHT-20GENERIC-FUNCTION-29" >BOX-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf box-height. Height based on box sizing.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABOX-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABOX-WIDTH-20GENERIC-FUNCTION-29" >BOX-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf box-width. Width based on box sizing.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAXIMUM-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAXIMUM-HEIGHT-20GENERIC-FUNCTION-29" >MAXIMUM-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf maximum-height.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAXIMUM-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAXIMUM-WIDTH-20GENERIC-FUNCTION-29" >MAXIMUM-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf maximum-width.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMINIMUM-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMINIMUM-HEIGHT-20GENERIC-FUNCTION-29" >MINIMUM-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf minimum-height.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMINIMUM-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMINIMUM-WIDTH-20GENERIC-FUNCTION-29" >MINIMUM-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf minimum-width.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AINNER-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AINNER-HEIGHT-20GENERIC-FUNCTION-29" >INNER-HEIGHT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf inner height of browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AINNER-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AINNER-WIDTH-20GENERIC-FUNCTION-29" >INNER-WIDTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf inner width of browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTER-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTER-HEIGHT-20GENERIC-FUNCTION-29" >OUTER-HEIGHT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf outer height of browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTER-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTER-WIDTH-20GENERIC-FUNCTION-29" >OUTER-WIDTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf outer width of browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTER-HEIGHT-TO-MARGIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTER-HEIGHT-TO-MARGIN-20GENERIC-FUNCTION-29" >OUTER-HEIGHT-TO-MARGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get outer-height-to-margin. Includes padding and border and
|
|
margin.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTER-WIDTH-TO-MARGIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTER-WIDTH-TO-MARGIN-20GENERIC-FUNCTION-29" >OUTER-WIDTH-TO-MARGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get outer-width-to-margin. Includes padding and border and
|
|
margin.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACOLOR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACOLOR-20GENERIC-FUNCTION-29" >COLOR</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf color.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOPACITY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOPACITY-20GENERIC-FUNCTION-29" >OPACITY</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf opacity.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-ATTACHMENT-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-ATTACHMENT-TYPE-20-28TYPE-29-29" >BACKGROUND-ATTACHMENT-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-ATTACHMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-ATTACHMENT-20GENERIC-FUNCTION-29" >BACKGROUND-ATTACHMENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf background-attachment.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-COLOR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-COLOR-20GENERIC-FUNCTION-29" >BACKGROUND-COLOR</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf background-color.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-IMAGE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-IMAGE-20GENERIC-FUNCTION-29" >BACKGROUND-IMAGE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf background-image url. proper syntax is
|
|
'url(...)' | nil to clear</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-POSITION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-POSITION-20GENERIC-FUNCTION-29" >BACKGROUND-POSITION</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf background-position. combination of 2 -
|
|
left/right/center/top/bottom | %x %y | x y</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-ORIGIN-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-ORIGIN-TYPE-20-28TYPE-29-29" >BACKGROUND-ORIGIN-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-ORIGIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-ORIGIN-20GENERIC-FUNCTION-29" >BACKGROUND-ORIGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf background-origin. Background position property
|
|
is relative to origin of: padding-box|border-box|content-box</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-REPEAT-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-REPEAT-TYPE-20-28TYPE-29-29" >BACKGROUND-REPEAT-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-REPEAT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-REPEAT-20GENERIC-FUNCTION-29" >BACKGROUND-REPEAT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf background-repeat. repeat-x | repeat-y |
|
|
[ repeat | space | round | no-repeat ][]{1,2}</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-CLIP-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-CLIP-TYPE-20-28TYPE-29-29" >BACKGROUND-CLIP-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-CLIP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-CLIP-20GENERIC-FUNCTION-29" >BACKGROUND-CLIP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf background-clip. If an element's background extends
|
|
underneath its border box, padding box, or content box.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABACKGROUND-SIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABACKGROUND-SIZE-20GENERIC-FUNCTION-29" >BACKGROUND-SIZE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf background-size.
|
|
auto | w h | % = cover of parent | contain</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABORDER-STYLE-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ABORDER-STYLE-TYPE-20-28TYPE-29-29" >BORDER-STYLE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABORDER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABORDER-20GENERIC-FUNCTION-29" >BORDER</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get border. <line-width> <line-style> <line-color></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-BORDER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-BORDER-20GENERIC-FUNCTION-29" >SET-BORDER</a></span></span> <span class="locative-args">CLOG-ELEMENT LINE-WIDTH LINE-STYLE LINE-COLOR</span></span></p>
|
|
|
|
<p>Set border width style and color.
|
|
line-width - size or medium|thin|thick|length|initial|inherit</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABORDER-RADIUS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABORDER-RADIUS-20GENERIC-FUNCTION-29" >BORDER-RADIUS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf border-radius.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABOX-SHADOW-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABOX-SHADOW-20GENERIC-FUNCTION-29" >BOX-SHADOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf box-shadow.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTLINE-STYLE-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTLINE-STYLE-TYPE-20-28TYPE-29-29" >OUTLINE-STYLE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTLINE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTLINE-20GENERIC-FUNCTION-29" >OUTLINE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get outline. <line-color> <line-style> <line-width></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-OUTLINE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-OUTLINE-20GENERIC-FUNCTION-29" >SET-OUTLINE</a></span></span> <span class="locative-args">CLOG-ELEMENT LINE-COLOR LINE-STYLE LINE-WIDTH</span></span></p>
|
|
|
|
<p>Set outline <line-color> <line-style> <line-width>
|
|
line-width - size or medium|thin|thick|length|initial|inherit</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMARGIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMARGIN-20GENERIC-FUNCTION-29" >MARGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get margin.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-MARGIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-MARGIN-20GENERIC-FUNCTION-29" >SET-MARGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT TOP RIGHT BOTTOM LEFT</span></span></p>
|
|
|
|
<p>Set margins, Each can be - <length>|auto|initial|inherit</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APADDING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APADDING-20GENERIC-FUNCTION-29" >PADDING</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get padding.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-PADDING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-PADDING-20GENERIC-FUNCTION-29" >SET-PADDING</a></span></span> <span class="locative-args">CLOG-ELEMENT TOP RIGHT BOTTOM LEFT</span></span></p>
|
|
|
|
<p>Set padding. Each can be - <length>|initial|inherit</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACURSOR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACURSOR-20GENERIC-FUNCTION-29" >CURSOR</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf cursor. Sets the cursor to a standard type or an
|
|
image if set to url(url_to_image). When using a url is best to suggest an
|
|
alternate cursor, e.g. 'url(url_to_image),auto'
|
|
A list of standard cursor types can be found at:
|
|
http://www.w3schools.com/cssref/pr_class_cursor.asp</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFONT-STYLE-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AFONT-STYLE-TYPE-20-28TYPE-29-29" >FONT-STYLE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFONT-VARIANT-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AFONT-VARIANT-TYPE-20-28TYPE-29-29" >FONT-VARIANT-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASYSTEM-FONT-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ASYSTEM-FONT-TYPE-20-28TYPE-29-29" >SYSTEM-FONT-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFONT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFONT-20GENERIC-FUNCTION-29" >FONT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf font.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-FONT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-FONT-20GENERIC-FUNCTION-29" >SET-FONT</a></span></span> <span class="locative-args">CLOG-ELEMENT FONT-STYLE FONT-VARIANT FONT-WEIGHT FONT-HEIGHT FONT-FAMILY</span></span></p>
|
|
|
|
<p>Set font.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-ALIGNMENT-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-ALIGNMENT-TYPE-20-28TYPE-29-29" >TEXT-ALIGNMENT-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-ALIGNMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-ALIGNMENT-20GENERIC-FUNCTION-29" >TEXT-ALIGNMENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf text-alignment.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVERTICAL-ALIGN-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AVERTICAL-ALIGN-TYPE-20-28TYPE-29-29" >VERTICAL-ALIGN-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVERTICAL-ALIGN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AVERTICAL-ALIGN-20GENERIC-FUNCTION-29" >VERTICAL-ALIGN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf vertical-align.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Element - Methods</p>
|
|
|
|
<p><a id='x-28CLOG-3AADD-CLASS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AADD-CLASS-20GENERIC-FUNCTION-29" >ADD-CLASS</a></span></span> <span class="locative-args">CLOG-ELEMENT CSS-CLASS-NAME</span></span></p>
|
|
|
|
<p>add-class.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREMOVE-CLASS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AREMOVE-CLASS-20GENERIC-FUNCTION-29" >REMOVE-CLASS</a></span></span> <span class="locative-args">CLOG-ELEMENT CSS-CLASS-NAME</span></span></p>
|
|
|
|
<p>remove-class.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATOGGLE-CLASS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATOGGLE-CLASS-20GENERIC-FUNCTION-29" >TOGGLE-CLASS</a></span></span> <span class="locative-args">CLOG-ELEMENT CSS-CLASS-NAME</span></span></p>
|
|
|
|
<p>toggle-class.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREMOVE-FROM-DOM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AREMOVE-FROM-DOM-20GENERIC-FUNCTION-29" >REMOVE-FROM-DOM</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Remove CLOG-Element from the DOM.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLICK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLICK-20GENERIC-FUNCTION-29" >CLICK</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>simulate click.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Element - DOM Traversal Methods</p>
|
|
|
|
<p><a id='x-28CLOG-3APARENT-ELEMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APARENT-ELEMENT-20GENERIC-FUNCTION-29" >PARENT-ELEMENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Return a new clog-element represeting the parent of
|
|
<code>CLOG-ELEMENT</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFIRST-CHILD-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFIRST-CHILD-20GENERIC-FUNCTION-29" >FIRST-CHILD</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Traverse to first child element. If Child does not have an
|
|
html id than Element_Type will have an ID of undefined and therefore attached
|
|
to no actual <code>HTML</code> elemen.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APREVIOUS-SIBLING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APREVIOUS-SIBLING-20GENERIC-FUNCTION-29" >PREVIOUS-SIBLING</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Traverse to previous sibling element. If Child does not have an
|
|
html id than Element_Type will have an ID of undefined and therefore attached
|
|
to no actual <code>HTML</code> elemen.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ANEXT-SIBLING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ANEXT-SIBLING-20GENERIC-FUNCTION-29" >NEXT-SIBLING</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Traverse to next sibling element. If Child does not have an
|
|
html id than Element_Type will have an ID of undefined and therefore attached
|
|
to no actual <code>HTML</code> elemen.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-ELEMENT-COMMON-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-ELEMENT-20MGL-PAX-3ASECTION-29" title="CLOG Elements">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29" title="CLOG Form Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-ELEMENT-COMMON-20MGL-PAX-3ASECTION-29" title="Common CLOG Elements">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-ELEMENT-COMMON-20MGL-PAX-3ASECTION-29">6 Common CLOG Elements</a></h2>
|
|
|
|
<p><a href="#x-28CLOG-3ACLOG-A-20CLASS-29" title="(CLOG:CLOG-A CLASS)"><code>CLOG-A</code></a> - Class for <code>CLOG</code> Anchors</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-A-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-A-20CLASS-29" >CLOG-A</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> A, anchor, Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-A-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-A-20GENERIC-FUNCTION-29" >CREATE-A</a></span></span> <span class="locative-args">CLOG-OBJ &KEY LINK CONTENT TARGET AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new <a href="#x-28CLOG-3ACLOG-A-20CLASS-29" title="(CLOG:CLOG-A CLASS)"><code>CLOG-A</code></a> as child of <code>CLOG-OBJ</code> with <code>:LINK</code> and
|
|
<code>:CONTENT</code> (default "") and <code>:TARGET</code> ("_self") and if <code>:AUTO-PLACE</code> (default t)
|
|
place-inside-bottom-of <code>CLOG-OBJ</code>.</p>
|
|
|
|
<p>Target of link, name of a frame or:
|
|
_blank = new window
|
|
_top = top most frame (full browser window)
|
|
_parent = parent frame or window
|
|
_self = current frame or window</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALINK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALINK-20GENERIC-FUNCTION-29" >LINK</a></span></span> <span class="locative-args">CLOG-A</span></span></p>
|
|
|
|
<p>Get/Setf the HREF link of the anchor.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATARGET-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATARGET-20GENERIC-FUNCTION-29" >TARGET</a></span></span> <span class="locative-args">CLOG-A</span></span></p>
|
|
|
|
<p>Get/Setf the link target of the anchor.</p></li>
|
|
</ul>
|
|
|
|
<p><a href="#x-28CLOG-3ACLOG-BR-20CLASS-29" title="(CLOG:CLOG-BR CLASS)"><code>CLOG-BR</code></a> - Class for <code>CLOG</code> Line Breaks</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-BR-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-BR-20CLASS-29" >CLOG-BR</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> BR Objects for line breaks.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-BR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-BR-20GENERIC-FUNCTION-29" >CREATE-BR</a></span></span> <span class="locative-args">CLOG-OBJ &KEY AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new <a href="#x-28CLOG-3ACLOG-BR-20CLASS-29" title="(CLOG:CLOG-BR CLASS)"><code>CLOG-BR</code></a> as child of <code>CLOG-OBJ</code> that creates a
|
|
line break and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p><a href="#x-28CLOG-3ACLOG-BUTTON-20CLASS-29" title="(CLOG:CLOG-BUTTON CLASS)"><code>CLOG-BUTTON</code></a> - Class for <code>CLOG</code> Buttons</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-BUTTON-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-BUTTON-20CLASS-29" >CLOG-BUTTON</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Button Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-BUTTON-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-BUTTON-20GENERIC-FUNCTION-29" >CREATE-BUTTON</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Button as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
|
|
(default "") and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
|
|
<code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADISABLEDP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADISABLEDP-20GENERIC-FUNCTION-29" >DISABLEDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element disabledp.</p></li>
|
|
</ul>
|
|
|
|
<p><a href="#x-28CLOG-3ACLOG-IMG-20CLASS-29" title="(CLOG:CLOG-IMG CLASS)"><code>CLOG-IMG</code></a> - Class for <code>CLOG</code> Images</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-IMG-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-IMG-20CLASS-29" >CLOG-IMG</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Img Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-IMG-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-IMG-20GENERIC-FUNCTION-29" >CREATE-IMG</a></span></span> <span class="locative-args">CLOG-OBJ &KEY URL-SRC ALT-TEXT AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Img as child of <code>CLOG-OBJ</code> with <code>:URL-SRC</code>
|
|
(default "") and <code>:ALT-TEXT</code> (default "") if <code>:AUTO-PLACE</code> (default t)
|
|
place-inside-bottom-of <code>CLOG-OBJ</code>. Use width and height properties before
|
|
placing image to constrain image size.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AURL-SRC-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AURL-SRC-20GENERIC-FUNCTION-29" >URL-SRC</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf the url-src of the img.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Div - Class for <code>CLOG</code> Div Blocks</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-DIV-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" >CLOG-DIV</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Div Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-DIV-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-DIV-20GENERIC-FUNCTION-29" >CREATE-DIV</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Div as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
|
|
(default "") and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
|
|
<code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p><a href="#x-28CLOG-3ACLOG-HR-20CLASS-29" title="(CLOG:CLOG-HR CLASS)"><code>CLOG-HR</code></a> - Class for <code>CLOG</code> Hortizontal Rules</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-HR-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-HR-20CLASS-29" >CLOG-HR</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> HR Objects for horizontal rules.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-HR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-HR-20GENERIC-FUNCTION-29" >CREATE-HR</a></span></span> <span class="locative-args">CLOG-OBJ &KEY AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new <a href="#x-28CLOG-3ACLOG-HR-20CLASS-29" title="(CLOG:CLOG-HR CLASS)"><code>CLOG-HR</code></a> as child of <code>CLOG-OBJ</code> that creates a
|
|
horizontal rule (line) and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
|
|
<code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Meter - Class for <code>CLOG</code> Meters</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-METER-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-METER-20CLASS-29" >CLOG-METER</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Meter Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-METER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-METER-20GENERIC-FUNCTION-29" >CREATE-METER</a></span></span> <span class="locative-args">CLOG-OBJ &KEY VALUE HIGH LOW MAXIMUM MINIMUM OPTIMUM AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Meter as child of <code>CLOG-OBJ</code> with <code>VALUE</code>
|
|
(default 0) <code>HIGH</code> (default 100) <code>LOW</code> (default 0) <code>MAXIMUM</code> (default 100) <code>MINIMUM</code>
|
|
(default 0) <code>OPTIMUM</code> (default 50) and if <code>:AUTO-PLACE</code> (default t)
|
|
place-inside-bottom-of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29" >VALUE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element value.
|
|
Form element values are not accessible through the Text property but
|
|
instead through the value property.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHIGH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHIGH-20GENERIC-FUNCTION-29" >HIGH</a></span></span> <span class="locative-args">CLOG-METER</span></span></p>
|
|
|
|
<p>Get/Setf the high of the meter.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOW-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALOW-20GENERIC-FUNCTION-29" >LOW</a></span></span> <span class="locative-args">CLOG-METER</span></span></p>
|
|
|
|
<p>Get/Setf the low of the meter.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMINIMUM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMINIMUM-20GENERIC-FUNCTION-29" >MINIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element minimum.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29" >MAXIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element maximum.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOPTIMUM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOPTIMUM-20GENERIC-FUNCTION-29" >OPTIMUM</a></span></span> <span class="locative-args">CLOG-METER</span></span></p>
|
|
|
|
<p>Get/Setf the optimum of the meter.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Progress-Bar - Class for <code>CLOG</code> Progress Bars</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-PROGRESS-BAR-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-PROGRESS-BAR-20CLASS-29" >CLOG-PROGRESS-BAR</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Progress-Bar Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-PROGRESS-BAR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-PROGRESS-BAR-20GENERIC-FUNCTION-29" >CREATE-PROGRESS-BAR</a></span></span> <span class="locative-args">CLOG-OBJ &KEY VALUE MAXIMUM AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Progress-Bar as child of <code>CLOG-OBJ</code> with <code>VALUE</code>
|
|
(default 0) <code>MAXIMUM</code> (default 100) and if <code>:AUTO-PLACE</code> (default t)
|
|
place-inside-bottom-of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29" >VALUE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element value.
|
|
Form element values are not accessible through the Text property but
|
|
instead through the value property.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29" >MAXIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element maximum.</p></li>
|
|
</ul>
|
|
|
|
<p><a href="#x-28CLOG-3ACLOG-P-20CLASS-29" title="(CLOG:CLOG-P CLASS)"><code>CLOG-P</code></a> - Class for <code>CLOG</code> Paragraphs</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-P-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-P-20CLASS-29" >CLOG-P</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> P Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-P-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-P-20GENERIC-FUNCTION-29" >CREATE-P</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new <a href="#x-28CLOG-3ACLOG-P-20CLASS-29" title="(CLOG:CLOG-P CLASS)"><code>CLOG-P</code></a> as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
|
|
(default "") and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
|
|
<code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Span - Class for <code>CLOG</code> Inline Spans</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-SPAN-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-SPAN-20CLASS-29" >CLOG-SPAN</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Span Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-SPAN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-SPAN-20GENERIC-FUNCTION-29" >CREATE-SPAN</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Span as child of <code>CLOG-OBJ</code> with <code>CONTENT</code>
|
|
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
|
|
<code>CLOG-OBJ</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-ELEMENT-COMMON-20MGL-PAX-3ASECTION-29" title="Common CLOG Elements">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29" title="CLOG Canvas Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29" title="CLOG Form Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29">7 CLOG Form Objects</a></h2>
|
|
|
|
<p>CLOG-Form - Class for organizing Form Elements in to a From</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-FORM-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-FORM-20CLASS-29" >CLOG-FORM</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Objecs is the base class for all html forms.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-FORM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-FORM-20GENERIC-FUNCTION-29" >CREATE-FORM</a></span></span> <span class="locative-args">CLOG-OBJ &KEY ACTION METHOD TARGET AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Form as child of <code>CLOG-OBJ</code> that organizes
|
|
a collection of form elements in to a single form if <code>:AUTO-PLACE</code> (default t)
|
|
place-inside-bottom-of <code>CLOG-OBJ</code>. In <code>CLOG</code> a form's on-submit handler should be
|
|
set and the form element values handled in that handler as opposed to the
|
|
<code>HTML</code> model of submitting to a new "page". If though one wishes to submit to
|
|
another page can use the <code>:ACTION</code> <code>:METHOD</code> and <code>:TARGET</code> keys and either do not
|
|
set an on-submit handler or call (submit <a href="#x-28CLOG-3ACLOG-FORM-20CLASS-29" title="(CLOG:CLOG-FORM CLASS)"><code>CLOG-FORM</code></a>) to perform the form
|
|
action.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFORM-ELEMENT-COUNT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFORM-ELEMENT-COUNT-20GENERIC-FUNCTION-29" >FORM-ELEMENT-COUNT</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>
|
|
|
|
<p>Get form element count.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASUBMIT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASUBMIT-20GENERIC-FUNCTION-29" >SUBMIT</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>
|
|
|
|
<p>Submit form.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARESET-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARESET-20GENERIC-FUNCTION-29" >RESET</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>
|
|
|
|
<p>Reset form.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AAUTOCOMPLETEP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AAUTOCOMPLETEP-20GENERIC-FUNCTION-29" >AUTOCOMPLETEP</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>
|
|
|
|
<p>Get/Setf form autocompletep.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AENCODING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AENCODING-20GENERIC-FUNCTION-29" >ENCODING</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>
|
|
|
|
<p>Get/Setf form encoding. Comming values are:
|
|
application/x-www-form-urlencoded
|
|
multipart/form-data
|
|
text/plain</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVALIDATE-ON-SUBMIT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AVALIDATE-ON-SUBMIT-20GENERIC-FUNCTION-29" >VALIDATE-ON-SUBMIT</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>
|
|
|
|
<p>Get/Setf form validate-on-submit.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Fieldset - Class for <code>CLOG</code> Fieldsets</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-FIELDSET-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-FIELDSET-20CLASS-29" >CLOG-FIELDSET</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Element Fieldset Object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-FIELDSET-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-FIELDSET-20GENERIC-FUNCTION-29" >CREATE-FIELDSET</a></span></span> <span class="locative-args">CLOG-OBJ &KEY LEGEND</span></span></p>
|
|
|
|
<p>Create a new clog-fieldset as child of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Form-Element - Class for form elements</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-FORM-ELEMENT-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-FORM-ELEMENT-20CLASS-29" >CLOG-FORM-ELEMENT</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Element Object is the base class for all form
|
|
elements.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFORM-ELEMENT-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AFORM-ELEMENT-TYPE-20-28TYPE-29-29" >FORM-ELEMENT-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-FORM-ELEMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-FORM-ELEMENT-20GENERIC-FUNCTION-29" >CREATE-FORM-ELEMENT</a></span></span> <span class="locative-args">CLOG-OBJ ELEMENT-TYPE &KEY NAME VALUE LABEL</span></span></p>
|
|
|
|
<p>Create a new clog-form-element as child of <code>CLOG-OBJ</code>.
|
|
It is importamt that clog-form-elements are a child or descendant of a
|
|
clog-form in the DOM. The radio <code>ELEMENT-TYPE</code> groups by <code>NAME</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AAUTOCOMPLETE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AAUTOCOMPLETE-20GENERIC-FUNCTION-29" >AUTOCOMPLETE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element autocomplete.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AAUTOFOCUSP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AAUTOFOCUSP-20GENERIC-FUNCTION-29" >AUTOFOCUSP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element autofocusp. Only one element should
|
|
have this set true. Autofocus on element when form loaded. </p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APLACE-HOLDER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APLACE-HOLDER-20GENERIC-FUNCTION-29" >PLACE-HOLDER</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element place holder.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADISABLEDP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADISABLEDP-20GENERIC-FUNCTION-29" >DISABLEDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element disabledp.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREAD-ONLY-P-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AREAD-ONLY-P-20GENERIC-FUNCTION-29" >READ-ONLY-P</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element read-only-p.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREQUIREDP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AREQUIREDP-20GENERIC-FUNCTION-29" >REQUIREDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element requiredp.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ANAME-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ANAME-20GENERIC-FUNCTION-29" >NAME</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element name.
|
|
Form element name, name is not the id of the element but rather how
|
|
the data returned from the element will be named in the submit to a
|
|
server. For example if Name is My_Field a <code>GET</code> request could look like
|
|
http://localhost:8080?My_Field=xxxx</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADEFAULT-VALUE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADEFAULT-VALUE-20GENERIC-FUNCTION-29" >DEFAULT-VALUE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element default-value.
|
|
If the form is reset the value will be set to default value
|
|
If Value is set at time of creation it also sets it as the Default_Value</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29" >VALUE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element value.
|
|
Form element values are not accessible through the Text property but
|
|
instead through the value property.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARADIO-VALUE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARADIO-VALUE-20GENERIC-FUNCTION-29" >RADIO-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>
|
|
|
|
<p>Returns the value of the selected radio button in a
|
|
group called <code>NAME</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ANAME-VALUE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ANAME-VALUE-20GENERIC-FUNCTION-29" >NAME-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>
|
|
|
|
<p>Returns the value of input item called <code>NAME</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APATTERN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APATTERN-20GENERIC-FUNCTION-29" >PATTERN</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element regular expression pattern.
|
|
(see JavaScript RegExp object for specifics)
|
|
Form validation pattern. validate-on-submit fields with input
|
|
will validate against their pattern if set on submit.
|
|
In cases where a specific input type is not supported like
|
|
(date, week, etc.) Pattern can be set to ensure the expected results.
|
|
This works since Input type will fall back to a text input.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMINIMUM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMINIMUM-20GENERIC-FUNCTION-29" >MINIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element minimum.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29" >MAXIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element maximum.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASIZE-20GENERIC-FUNCTION-29" >SIZE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element size.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AELEMENT-STEP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AELEMENT-STEP-20GENERIC-FUNCTION-29" >ELEMENT-STEP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element step.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASELECT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASELECT-20GENERIC-FUNCTION-29" >SELECT</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Select and highlight the contents of element.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFILE-ACCEPT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFILE-ACCEPT-20GENERIC-FUNCTION-29" >FILE-ACCEPT</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element file-accept. Only works with
|
|
the File form element type.
|
|
example: (setf (file-accept obj) "image/png, image/jpeg")</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AURL-SRC-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AURL-SRC-20GENERIC-FUNCTION-29" >URL-SRC</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf the url-src of the img.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AALT-TEXT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AALT-TEXT-20GENERIC-FUNCTION-29" >ALT-TEXT</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf the alt-text of the img.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACHECKEDP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACHECKEDP-20GENERIC-FUNCTION-29" >CHECKEDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element checkedp.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AINPUT-MODE-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3AINPUT-MODE-TYPE-20-28TYPE-29-29" >INPUT-MODE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AINPUT-MODE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AINPUT-MODE-20GENERIC-FUNCTION-29" >INPUT-MODE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf hint the input-mode of an element for
|
|
virtual keyboards.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-DATA-LIST-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-DATA-LIST-20GENERIC-FUNCTION-29" >SET-DATA-LIST</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT DATA-LIST</span></span></p>
|
|
|
|
<p>Set the option data list to use for this element.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAKE-DATA-LIST-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAKE-DATA-LIST-20GENERIC-FUNCTION-29" >MAKE-DATA-LIST</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT DATA</span></span></p>
|
|
|
|
<p>Set the option data list to use for this element.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMINIMUM-LENGTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMINIMUM-LENGTH-20GENERIC-FUNCTION-29" >MINIMUM-LENGTH</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element minimum-length.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAXIMUM-LENGTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAXIMUM-LENGTH-20GENERIC-FUNCTION-29" >MAXIMUM-LENGTH</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element maximum-length.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Label - Class for <code>CLOG</code> Labels</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-LABEL-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-LABEL-20CLASS-29" >CLOG-LABEL</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Element Label Object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-LABEL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-LABEL-20GENERIC-FUNCTION-29" >CREATE-LABEL</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT LABEL-FOR</span></span></p>
|
|
|
|
<p>Create a new clog-label as child of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALABEL-FOR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALABEL-FOR-20GENERIC-FUNCTION-29" >LABEL-FOR</a></span></span> <span class="locative-args">CLOG-LABEL ELEMENT</span></span></p>
|
|
|
|
<p>Set label is for <code>ELEMENT</code>.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Select - Class for <code>CLOG</code> Selects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-SELECT-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-SELECT-20CLASS-29" >CLOG-SELECT</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-FORM-ELEMENT-20CLASS-29" title="(CLOG:CLOG-FORM-ELEMENT CLASS)">CLOG-FORM-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Element Select Options Object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-SELECT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-SELECT-20GENERIC-FUNCTION-29" >CREATE-SELECT</a></span></span> <span class="locative-args">CLOG-OBJ &KEY NAME MULTIPLE LABEL</span></span></p>
|
|
|
|
<p>Create a new clog-select as child of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-OPTION-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-OPTION-20CLASS-29" >CLOG-OPTION</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-FORM-ELEMENT-20CLASS-29" title="(CLOG:CLOG-FORM-ELEMENT CLASS)">CLOG-FORM-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Element Option for <code>CLOG</code> Select Object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-OPTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-OPTION-20GENERIC-FUNCTION-29" >CREATE-OPTION</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT VALUE SELECTED DISABLED</span></span></p>
|
|
|
|
<p>Create a new clog-option as child of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-OPTGROUP-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-OPTGROUP-20CLASS-29" >CLOG-OPTGROUP</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-FORM-ELEMENT-20CLASS-29" title="(CLOG:CLOG-FORM-ELEMENT CLASS)">CLOG-FORM-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Element Optgroup for <code>CLOG</code> Select Object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-OPTGROUP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-OPTGROUP-20GENERIC-FUNCTION-29" >CREATE-OPTGROUP</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT DISABLED</span></span></p>
|
|
|
|
<p>Create a new clog-optgroup as child of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASELECTEDP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASELECTEDP-20GENERIC-FUNCTION-29" >SELECTEDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf form element selectedp.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AADD-SELECT-OPTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AADD-SELECT-OPTION-20GENERIC-FUNCTION-29" >ADD-SELECT-OPTION</a></span></span> <span class="locative-args">CLOG-SELECT VALUE CONTENT</span></span></p>
|
|
|
|
<p>Add option <code>VALUE</code> to select.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AADD-SELECT-OPTIONS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AADD-SELECT-OPTIONS-20GENERIC-FUNCTION-29" >ADD-SELECT-OPTIONS</a></span></span> <span class="locative-args">CLOG-SELECT SELECT</span></span></p>
|
|
|
|
<p>Add group of options to select.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Data-List - Class for <code>CLOG</code> Option Data Lists</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-DATA-LIST-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-DATA-LIST-20CLASS-29" >CLOG-DATA-LIST</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Element Data-List Options Object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-DATA-LIST-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-DATA-LIST-20GENERIC-FUNCTION-29" >CREATE-DATA-LIST</a></span></span> <span class="locative-args">CLOG-OBJ &KEY DATA-LIST</span></span></p>
|
|
|
|
<p>Create a new clog-data-list as child of <code>CLOG-OBJ</code> and
|
|
optionally fill in with contents of data-list.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AADD-OPTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AADD-OPTION-20GENERIC-FUNCTION-29" >ADD-OPTION</a></span></span> <span class="locative-args">CLOG-DATA-LIST VALUE</span></span></p>
|
|
|
|
<p>Add option <code>VALUE</code> to data-list.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AADD-OPTIONS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AADD-OPTIONS-20GENERIC-FUNCTION-29" >ADD-OPTIONS</a></span></span> <span class="locative-args">CLOG-DATA-LIST DATA-LIST</span></span></p>
|
|
|
|
<p>Add option <a href="#x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29" title="(CLOG:VALUE GENERIC-FUNCTION)"><code>VALUE</code></a> to data-list.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Text-Area - Class for <code>CLOG</code> Text Areas</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TEXT-AREA-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-TEXT-AREA-20CLASS-29" >CLOG-TEXT-AREA</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-FORM-ELEMENT-20CLASS-29" title="(CLOG:CLOG-FORM-ELEMENT CLASS)">CLOG-FORM-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Form Element Text-Area Object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TEXT-AREA-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-TEXT-AREA-20GENERIC-FUNCTION-29" >CREATE-TEXT-AREA</a></span></span> <span class="locative-args">CLOG-OBJ &KEY COLUMNS ROWS NAME VALUE LABEL</span></span></p>
|
|
|
|
<p>Create a new clog-text-area as child of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AWORD-WRAP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AWORD-WRAP-20GENERIC-FUNCTION-29" >WORD-WRAP</a></span></span> <span class="locative-args">CLOG-TEXT-AREA</span></span></p>
|
|
|
|
<p>Get/Setf form element word-wrap.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACOLUMNS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACOLUMNS-20GENERIC-FUNCTION-29" >COLUMNS</a></span></span> <span class="locative-args">CLOG-TEXT-AREA</span></span></p>
|
|
|
|
<p>Get/Setf form element columns.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AROWS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AROWS-20GENERIC-FUNCTION-29" >ROWS</a></span></span> <span class="locative-args">CLOG-TEXT-AREA</span></span></p>
|
|
|
|
<p>Get/Setf form element rows.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADISABLE-RESIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADISABLE-RESIZE-20GENERIC-FUNCTION-29" >DISABLE-RESIZE</a></span></span> <span class="locative-args">CLOG-TEXT-AREA</span></span></p>
|
|
|
|
<p>Disable resize of text area.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29" title="CLOG Form Objects">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29" title="CLOG Body Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29" title="CLOG Canvas Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29">8 CLOG Canvas Objects</a></h2>
|
|
|
|
<p>CLOG-Canvas - Class for <code>CLOG</code> canvas objects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-CANVAS-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-CANVAS-20CLASS-29" >CLOG-CANVAS</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Canvas Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-CANVAS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-CANVAS-20GENERIC-FUNCTION-29" >CREATE-CANVAS</a></span></span> <span class="locative-args">CLOG-OBJ &KEY WIDTH HEIGHT AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Canvas as child of <code>CLOG-OBJ</code> if
|
|
<code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-CONTEXT2D-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-CONTEXT2D-20CLASS-29" >CLOG-CONTEXT2D</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)">CLOG-OBJ</a></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-CONTEXT2D-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACREATE-CONTEXT2D-20GENERIC-FUNCTION-29" >CREATE-CONTEXT2D</a></span></span> <span class="locative-args">CLOG-CANVAS</span></span></p>
|
|
|
|
<p>Create a new CLOG-Context2d from a CLOG-Canvas</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLEAR-RECT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLEAR-RECT-20GENERIC-FUNCTION-29" >CLEAR-RECT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y WIDTH HEIGHT</span></span></p>
|
|
|
|
<p>Clear rectangle to transparent black</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFILL-RECT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFILL-RECT-20GENERIC-FUNCTION-29" >FILL-RECT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y WIDTH HEIGHT</span></span></p>
|
|
|
|
<p>Fill rectangle with current fill-color</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASTROKE-RECT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTROKE-RECT-20GENERIC-FUNCTION-29" >STROKE-RECT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y WIDTH HEIGHT</span></span></p>
|
|
|
|
<p>Fill rectangle using current stroke-style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFILL-TEXT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFILL-TEXT-20GENERIC-FUNCTION-29" >FILL-TEXT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D TEXT X Y &KEY MAX-WIDTH</span></span></p>
|
|
|
|
<p>Fill text with current fill-color</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASTROKE-TEXT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTROKE-TEXT-20GENERIC-FUNCTION-29" >STROKE-TEXT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D TEXT X Y &KEY MAX-WIDTH</span></span></p>
|
|
|
|
<p>Stroke text with current stroke-style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALINE-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALINE-WIDTH-20GENERIC-FUNCTION-29" >LINE-WIDTH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set line style width</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALINE-CAP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALINE-CAP-20GENERIC-FUNCTION-29" >LINE-CAP</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set line cap style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALINE-JOIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALINE-JOIN-20GENERIC-FUNCTION-29" >LINE-JOIN</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set line join style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMITER-LIMIT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMITER-LIMIT-20GENERIC-FUNCTION-29" >MITER-LIMIT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set miter style limit</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGET-LINE-DASH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AGET-LINE-DASH-20GENERIC-FUNCTION-29" >GET-LINE-DASH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>
|
|
|
|
<p>Set line style dash pattern, e.g. [10, 20][]</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-LINE-DASH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-LINE-DASH-20GENERIC-FUNCTION-29" >SET-LINE-DASH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set line style dash pattern, e.g. [10, 20][]</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALINE-DASH-OFFSET-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALINE-DASH-OFFSET-20GENERIC-FUNCTION-29" >LINE-DASH-OFFSET</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set miter style limit</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFONT-STYLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFONT-STYLE-20GENERIC-FUNCTION-29" >FONT-STYLE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set font style using css font string
|
|
https://developer.mozilla.org/en-US/docs/Web/CSS/font</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-ALIGN-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-ALIGN-TYPE-20-28TYPE-29-29" >TEXT-ALIGN-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-ALIGN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-ALIGN-20GENERIC-FUNCTION-29" >TEXT-ALIGN</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text alignment style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-BASELINE-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-BASELINE-TYPE-20-28TYPE-29-29" >TEXT-BASELINE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-BASELINE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-BASELINE-20GENERIC-FUNCTION-29" >TEXT-BASELINE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text baseline style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATEXT-DIR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATEXT-DIR-20GENERIC-FUNCTION-29" >TEXT-DIR</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text direction style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFILL-STYLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFILL-STYLE-20GENERIC-FUNCTION-29" >FILL-STYLE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text direction style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASTROKE-STYLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTROKE-STYLE-20GENERIC-FUNCTION-29" >STROKE-STYLE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text stroke style</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASHADOW-BLUR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASHADOW-BLUR-20GENERIC-FUNCTION-29" >SHADOW-BLUR</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text shadow blur</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASHADOW-COLOR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASHADOW-COLOR-20GENERIC-FUNCTION-29" >SHADOW-COLOR</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text shadow color</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASHADOW-OFFSET-X-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASHADOW-OFFSET-X-20GENERIC-FUNCTION-29" >SHADOW-OFFSET-X</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text shadow offset x</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASHADOW-OFFSET-Y-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASHADOW-OFFSET-Y-20GENERIC-FUNCTION-29" >SHADOW-OFFSET-Y</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>
|
|
|
|
<p>Set text shadow offset y</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABEGIN-PATH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABEGIN-PATH-20GENERIC-FUNCTION-29" >BEGIN-PATH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>
|
|
|
|
<p>Starts a new path empting any previous points.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLOSE-PATH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOSE-PATH-20GENERIC-FUNCTION-29" >CLOSE-PATH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>
|
|
|
|
<p>Adds a line to start point of path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMOVE-TO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMOVE-TO-20GENERIC-FUNCTION-29" >MOVE-TO</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>
|
|
|
|
<p>Move browser window to x y.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALINE-TO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALINE-TO-20GENERIC-FUNCTION-29" >LINE-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y</span></span></p>
|
|
|
|
<p>Adds a line to the current path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABEZIER-CURVE-TO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABEZIER-CURVE-TO-20GENERIC-FUNCTION-29" >BEZIER-CURVE-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D CP1X CP1Y CP2X CP2Y X Y</span></span></p>
|
|
|
|
<p>Adds a cubic Bezier curve to the current path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AQUADRATIC-CURVE-TO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AQUADRATIC-CURVE-TO-20GENERIC-FUNCTION-29" >QUADRATIC-CURVE-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D CPX CPY X Y</span></span></p>
|
|
|
|
<p>Adds a quadratic Bezier curve to the current path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AARC-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AARC-20GENERIC-FUNCTION-29" >ARC</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y RADIUS START-ANGLE END-ANGLE &KEY ANTICLOCKWISE</span></span></p>
|
|
|
|
<p>Adds a circular arc to the current path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AARC-TO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AARC-TO-20GENERIC-FUNCTION-29" >ARC-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X1 Y1 X2 Y2</span></span></p>
|
|
|
|
<p>Adds an arc to the current path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AELLIPSE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AELLIPSE-20GENERIC-FUNCTION-29" >ELLIPSE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y RADIUS-X RADIUS-Y ROTATION START-ANGLE END-ANGLE &KEY ANTICLOCKWISE</span></span></p>
|
|
|
|
<p>Adds an elliptical arc to the current path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARECT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARECT-20GENERIC-FUNCTION-29" >RECT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y WIDTH HEIGHT</span></span></p>
|
|
|
|
<p>Adds a rectangle to the current path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APATH-FILL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APATH-FILL-20GENERIC-FUNCTION-29" >PATH-FILL</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>
|
|
|
|
<p>Fill a path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APATH-STROKE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APATH-STROKE-20GENERIC-FUNCTION-29" >PATH-STROKE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>
|
|
|
|
<p>Stroke a path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APATH-CLIP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APATH-CLIP-20GENERIC-FUNCTION-29" >PATH-CLIP</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>
|
|
|
|
<p>Clip a path.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACANVAS-SAVE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACANVAS-SAVE-20GENERIC-FUNCTION-29" >CANVAS-SAVE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>
|
|
|
|
<p>Save canvas to stack</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACANVAS-RESTORE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACANVAS-RESTORE-20GENERIC-FUNCTION-29" >CANVAS-RESTORE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>
|
|
|
|
<p>Restore canvas from stack</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29" title="CLOG Canvas Objects">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29" title="CLOG Window Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29" title="CLOG Body Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29">9 CLOG Body Objects</a></h2>
|
|
|
|
<p>CLOG-Body - <code>CLOG</code> Body Objects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-BODY-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-BODY-20CLASS-29" >CLOG-BODY</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-ELEMENT-20CLASS-29" title="(CLOG:CLOG-ELEMENT CLASS)">CLOG-ELEMENT</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Body Object encapsulate the view in the window.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Body - Properties</p>
|
|
|
|
<p><a id='x-28CLOG-3ARUN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARUN-20GENERIC-FUNCTION-29" >RUN</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>
|
|
|
|
<p>Keeps the main thread alive to prevent garbage
|
|
collection of local objects when not using connection-data objects
|
|
or global objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AWINDOW-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AWINDOW-20GENERIC-FUNCTION-29" >WINDOW</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>
|
|
|
|
<p>Reader for CLOG-Window object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHTML-DOCUMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHTML-DOCUMENT-20GENERIC-FUNCTION-29" >HTML-DOCUMENT</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>
|
|
|
|
<p>Reader for CLOG-Document object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOCATION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALOCATION-20GENERIC-FUNCTION-29" >LOCATION</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>
|
|
|
|
<p>Reader for CLOG-Location object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ANAVIGATOR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ANAVIGATOR-20GENERIC-FUNCTION-29" >NAVIGATOR</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>
|
|
|
|
<p>Reader for CLOG-Navigator object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29" title="CLOG Body Objects">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29" title="CLOG Document Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29" title="CLOG Window Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29">10 CLOG Window Objects</a></h2>
|
|
|
|
<p>CLOG-Window - <code>CLOG</code> Window Objects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-WINDOW-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-WINDOW-20CLASS-29" >CLOG-WINDOW</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)">CLOG-OBJ</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Window Objects encapsulate the window.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Window - Properties</p>
|
|
|
|
<p><a id='x-28CLOG-3AWINDOW-NAME-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AWINDOW-NAME-20GENERIC-FUNCTION-29" >WINDOW-NAME</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf name for use by hyperlink "target" for this
|
|
window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AINNER-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AINNER-HEIGHT-20GENERIC-FUNCTION-29" >INNER-HEIGHT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf inner height of browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AINNER-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AINNER-WIDTH-20GENERIC-FUNCTION-29" >INNER-WIDTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf inner width of browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTER-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTER-HEIGHT-20GENERIC-FUNCTION-29" >OUTER-HEIGHT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf outer height of browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOUTER-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOUTER-WIDTH-20GENERIC-FUNCTION-29" >OUTER-WIDTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf outer width of browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AX-OFFSET-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AX-OFFSET-20GENERIC-FUNCTION-29" >X-OFFSET</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf browser window x offset from left edge.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AY-OFFSET-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AY-OFFSET-20GENERIC-FUNCTION-29" >Y-OFFSET</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf browser window y offset from top edge.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALEFT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALEFT-20GENERIC-FUNCTION-29" >LEFT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf browser x position.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATOP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATOP-20GENERIC-FUNCTION-29" >TOP</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get/Setf browser y postion.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APIXEL-RATIO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APIXEL-RATIO-20GENERIC-FUNCTION-29" >PIXEL-RATIO</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get device pixel ratio.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCREEN-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCREEN-WIDTH-20GENERIC-FUNCTION-29" >SCREEN-WIDTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get screen width.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCREEN-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCREEN-HEIGHT-20GENERIC-FUNCTION-29" >SCREEN-HEIGHT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get screen height.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCREEN-AVAILABLE-WIDTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCREEN-AVAILABLE-WIDTH-20GENERIC-FUNCTION-29" >SCREEN-AVAILABLE-WIDTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get available screen width.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCREEN-AVAILABLE-HEIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCREEN-AVAILABLE-HEIGHT-20GENERIC-FUNCTION-29" >SCREEN-AVAILABLE-HEIGHT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get available screen height.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCREEN-AVAILABLE-TOP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCREEN-AVAILABLE-TOP-20GENERIC-FUNCTION-29" >SCREEN-AVAILABLE-TOP</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get available screen top.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCREEN-AVAILABLE-LEFT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCREEN-AVAILABLE-LEFT-20GENERIC-FUNCTION-29" >SCREEN-AVAILABLE-LEFT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get available screen left.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCREEN-COLOR-DEPTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCREEN-COLOR-DEPTH-20GENERIC-FUNCTION-29" >SCREEN-COLOR-DEPTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Get screen color depth.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Window - Methods</p>
|
|
|
|
<p><a id='x-28CLOG-3AALERT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AALERT-20GENERIC-FUNCTION-29" >ALERT</a></span></span> <span class="locative-args">CLOG-WINDOW MESSAGE</span></span></p>
|
|
|
|
<p>Launch an alert box. Note that as long as not dismissed
|
|
events and messages may not be trasmitted on most browsers.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOG-CONSOLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALOG-CONSOLE-20GENERIC-FUNCTION-29" >LOG-CONSOLE</a></span></span> <span class="locative-args">CLOG-WINDOW MESSAGE</span></span></p>
|
|
|
|
<p>Print message to browser console.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOG-ERROR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALOG-ERROR-20GENERIC-FUNCTION-29" >LOG-ERROR</a></span></span> <span class="locative-args">CLOG-WINDOW MESSAGE</span></span></p>
|
|
|
|
<p>Print error message to browser console.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APRINT-WINDOW-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APRINT-WINDOW-20GENERIC-FUNCTION-29" >PRINT-WINDOW</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Send browser window to printer.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCROLL-BY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCROLL-BY-20GENERIC-FUNCTION-29" >SCROLL-BY</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>
|
|
|
|
<p>Scroll browser window by x y.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCROLL-TO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASCROLL-TO-20GENERIC-FUNCTION-29" >SCROLL-TO</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>
|
|
|
|
<p>Scroll browser window to x y.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLOSE-WINDOW-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOSE-WINDOW-20GENERIC-FUNCTION-29" >CLOSE-WINDOW</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Close browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLOSE-CONNECTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOSE-CONNECTION-20GENERIC-FUNCTION-29" >CLOSE-CONNECTION</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>
|
|
|
|
<p>Close connection to browser with out closing browser.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASTORAGE-TYPE-20-28TYPE-29-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTORAGE-TYPE-20-28TYPE-29-29" >STORAGE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASTORAGE-LENGTH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTORAGE-LENGTH-20GENERIC-FUNCTION-29" >STORAGE-LENGTH</a></span></span> <span class="locative-args">CLOG-WINDOW STORAGE-TYPE</span></span></p>
|
|
|
|
<p>Number of entries in browser <code>STORAGE-TYPE</code>.
|
|
(local = persistant or session)</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASTORAGE-KEY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTORAGE-KEY-20GENERIC-FUNCTION-29" >STORAGE-KEY</a></span></span> <span class="locative-args">CLOG-WINDOW STORAGE-TYPE KEY-NUM</span></span></p>
|
|
|
|
<p>Return the key for entry number <code>KEY-NUM</code> in browser
|
|
<code>STORAGE-TYPE</code>. (local = persistant or session)</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASTORAGE-REMOVE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTORAGE-REMOVE-20GENERIC-FUNCTION-29" >STORAGE-REMOVE</a></span></span> <span class="locative-args">CLOG-WINDOW STORAGE-TYPE KEY-NAME</span></span></p>
|
|
|
|
<p>Remove the storage key and value in browser
|
|
<code>STORAGE-TYPE</code>. (local = persistant or session)</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASTORAGE-ELEMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASTORAGE-ELEMENT-20GENERIC-FUNCTION-29" >STORAGE-ELEMENT</a></span></span> <span class="locative-args">CLOG-WINDOW STORAGE-TYPE KEY-NAME</span></span></p>
|
|
|
|
<p>Get/Setf storage-element on browser client.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Window - Events</p>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-ABORT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-ABORT-20GENERIC-FUNCTION-29" >SET-ON-ABORT</a></span></span> <span class="locative-args">CLOG-WINDOW ON-ABORT-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-ABORT-HANDLER</code> for <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>. If <code>ON-ABORT-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-ERROR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-ERROR-20GENERIC-FUNCTION-29" >SET-ON-ERROR</a></span></span> <span class="locative-args">CLOG-WINDOW ON-ERROR-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-ERROR-HANDLER</code> for <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>. If <code>ON-ERROR-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-BEFORE-UNLOAD-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-BEFORE-UNLOAD-20GENERIC-FUNCTION-29" >SET-ON-BEFORE-UNLOAD</a></span></span> <span class="locative-args">CLOG-WINDOW ON-BEFORE-UNLOAD-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-BEFORE-UNLOAD-HANDLER</code> for <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>. If
|
|
<code>ON-BEFORE-UNLOAD-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-HASH-CHANGE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-HASH-CHANGE-20GENERIC-FUNCTION-29" >SET-ON-HASH-CHANGE</a></span></span> <span class="locative-args">CLOG-WINDOW ON-HASH-CHANGE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-HASH-CHANGE-HANDLER</code> for <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>. If
|
|
<code>ON-HASH-CHANGE-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-ORIENTATION-CHANGE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-ORIENTATION-CHANGE-20GENERIC-FUNCTION-29" >SET-ON-ORIENTATION-CHANGE</a></span></span> <span class="locative-args">CLOG-WINDOW ON-ORIENTATION-CHANGE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-ORIENTATION-CHANGE-HANDLER</code> for <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>.
|
|
If <code>ON-ORIENTATION-CHANGE-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-STORAGE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASET-ON-STORAGE-20GENERIC-FUNCTION-29" >SET-ON-STORAGE</a></span></span> <span class="locative-args">CLOG-WINDOW ON-STORAGE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-STORAGE-HANDLER</code> for <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>. The
|
|
on-storage event is fired for changes to :local storage keys.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMOVE-BY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMOVE-BY-20GENERIC-FUNCTION-29" >MOVE-BY</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>
|
|
|
|
<p>Move browser window by x y.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMOVE-TO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMOVE-TO-20GENERIC-FUNCTION-29" >MOVE-TO</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>
|
|
|
|
<p>Move browser window to x y.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARESIZE-BY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARESIZE-BY-20GENERIC-FUNCTION-29" >RESIZE-BY</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>
|
|
|
|
<p>Resize browser window by x y.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARESIZE-TO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARESIZE-TO-20GENERIC-FUNCTION-29" >RESIZE-TO</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>
|
|
|
|
<p>Resize browser window to x y.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29" title="CLOG Window Objects">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29" title="CLOG Location Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29" title="CLOG Document Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29">11 CLOG Document Objects</a></h2>
|
|
|
|
<p>CLOG-Document - <code>CLOG</code> Document Objects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-DOCUMENT-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-DOCUMENT-20CLASS-29" >CLOG-DOCUMENT</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)">CLOG-OBJ</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Document Objects encapsulate the document.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADOMAIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADOMAIN-20GENERIC-FUNCTION-29" >DOMAIN</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Get domain.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AINPUT-ENCODING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AINPUT-ENCODING-20GENERIC-FUNCTION-29" >INPUT-ENCODING</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Get input encoding.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALAST-MODIFIED-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALAST-MODIFIED-20GENERIC-FUNCTION-29" >LAST-MODIFIED</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Get last modified.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREFERER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AREFERER-20GENERIC-FUNCTION-29" >REFERER</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Get referer.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ATITLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ATITLE-20GENERIC-FUNCTION-29" >TITLE</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Get/setf title.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADOCUMENT-URL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADOCUMENT-URL-20GENERIC-FUNCTION-29" >DOCUMENT-URL</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Get url.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHEAD-ELEMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHEAD-ELEMENT-20GENERIC-FUNCTION-29" >HEAD-ELEMENT</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Reader for Head Element object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ABODY-ELEMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABODY-ELEMENT-20GENERIC-FUNCTION-29" >BODY-ELEMENT</a></span></span> <span class="locative-args">SELF</span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADOCUMENT-ELEMENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADOCUMENT-ELEMENT-20GENERIC-FUNCTION-29" >DOCUMENT-ELEMENT</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Reader for Body Element object</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREADY-STATE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AREADY-STATE-20GENERIC-FUNCTION-29" >READY-STATE</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Get ready-state.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOAD-CSS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALOAD-CSS-20GENERIC-FUNCTION-29" >LOAD-CSS</a></span></span> <span class="locative-args">CLOG-DOCUMENT CSS-URL</span></span></p>
|
|
|
|
<p>Load css from <code>CSS-URL</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APUT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APUT-20GENERIC-FUNCTION-29" >PUT</a></span></span> <span class="locative-args">CLOG-DOCUMENT MESSAGE</span></span></p>
|
|
|
|
<p>Write text to browser document object.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APUT-LINE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APUT-LINE-20GENERIC-FUNCTION-29" >PUT-LINE</a></span></span> <span class="locative-args">CLOG-DOCUMENT MESSAGE</span></span></p>
|
|
|
|
<p>Write text to browser document object with new-line.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APUT-BR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APUT-BR-20GENERIC-FUNCTION-29" >PUT-BR</a></span></span> <span class="locative-args">CLOG-DOCUMENT MESSAGE</span></span></p>
|
|
|
|
<p>Write text to browser document object with <br>new-line.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ANEW-LINE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ANEW-LINE-20GENERIC-FUNCTION-29" >NEW-LINE</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>
|
|
|
|
<p>Write to browser document <br>new-line.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29" title="CLOG Document Objects">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29" title="CLOG Navigator Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29" title="CLOG Location Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29">12 CLOG Location Objects</a></h2>
|
|
|
|
<p>CLOG-Location - <code>CLOG</code> Location Objects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-LOCATION-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-LOCATION-20CLASS-29" >CLOG-LOCATION</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)">CLOG-OBJ</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Location Objects encapsulate the location.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Location - Properties</p>
|
|
|
|
<p><a id='x-28CLOG-3AURL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AURL-20GENERIC-FUNCTION-29" >URL</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get/Setf full url. Setting the <a href="#x-28CLOG-3AURL-20GENERIC-FUNCTION-29" title="(CLOG:URL GENERIC-FUNCTION)"><code>URL</code></a> causes navgation to <a href="#x-28CLOG-3AURL-20GENERIC-FUNCTION-29" title="(CLOG:URL GENERIC-FUNCTION)"><code>URL</code></a>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHASH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHASH-20GENERIC-FUNCTION-29" >HASH</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get/Setf url hash.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHOST-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHOST-20GENERIC-FUNCTION-29" >HOST</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get/Setf url host.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHOST-NAME-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AHOST-NAME-20GENERIC-FUNCTION-29" >HOST-NAME</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get/Setf url host name.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AORIGIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AORIGIN-20GENERIC-FUNCTION-29" >ORIGIN</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get url origin.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APATH-NAME-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APATH-NAME-20GENERIC-FUNCTION-29" >PATH-NAME</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get/Setf url path-name.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APORT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APORT-20GENERIC-FUNCTION-29" >PORT</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get/Setf url port.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APROTOCOL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APROTOCOL-20GENERIC-FUNCTION-29" >PROTOCOL</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get/Setf url protocol.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AURL-SEARCH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AURL-SEARCH-20GENERIC-FUNCTION-29" >URL-SEARCH</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Get/Setf url-search.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Location - Methods</p>
|
|
|
|
<p><a id='x-28CLOG-3ARELOAD-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ARELOAD-20GENERIC-FUNCTION-29" >RELOAD</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>
|
|
|
|
<p>Reload browser window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AURL-REPLACE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AURL-REPLACE-20GENERIC-FUNCTION-29" >URL-REPLACE</a></span></span> <span class="locative-args">CLOG-WINDOW REPLACE-URL</span></span></p>
|
|
|
|
<p>Replace browser url.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AURL-ASSIGN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AURL-ASSIGN-20GENERIC-FUNCTION-29" >URL-ASSIGN</a></span></span> <span class="locative-args">CLOG-WINDOW ASSIGN-URL</span></span></p>
|
|
|
|
<p>Assign browser url.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29" title="CLOG Location Objects">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-INTERNALS-20MGL-PAX-3ASECTION-29" title="CLOG Framework internals and extensions">→</a> <a href="#x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29" title="CLOG Navigator Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29">13 CLOG Navigator Objects</a></h2>
|
|
|
|
<p>CLOG-Navigator - <code>CLOG</code> Navigator Objects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-NAVIGATOR-20CLASS-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLOG-NAVIGATOR-20CLASS-29" >CLOG-NAVIGATOR</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)">CLOG-OBJ</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Navigator Objects encapsulate the navigator.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Navigator - Properties</p>
|
|
|
|
<p><a id='x-28CLOG-3ACOOKIE-ENABLED-P-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACOOKIE-ENABLED-P-20GENERIC-FUNCTION-29" >COOKIE-ENABLED-P</a></span></span> <span class="locative-args">CLOG-NAVIGATOR</span></span></p>
|
|
|
|
<p>Get if cookie enabled.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALANGUAGE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALANGUAGE-20GENERIC-FUNCTION-29" >LANGUAGE</a></span></span> <span class="locative-args">CLOG-NAVIGATOR</span></span></p>
|
|
|
|
<p>Get user prefered language.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AUSER-AGENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AUSER-AGENT-20GENERIC-FUNCTION-29" >USER-AGENT</a></span></span> <span class="locative-args">CLOG-NAVIGATOR</span></span></p>
|
|
|
|
<p>Get user agent.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AVENDOR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AVENDOR-20GENERIC-FUNCTION-29" >VENDOR</a></span></span> <span class="locative-args">CLOG-NAVIGATOR</span></span></p>
|
|
|
|
<p>Get browser vendor.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-INTERNALS-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29" title="CLOG Navigator Objects">←</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">↑</a> <a href="#x-28CLOG-3A-40CLOG-INTERNALS-20MGL-PAX-3ASECTION-29" title="CLOG Framework internals and extensions">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-INTERNALS-20MGL-PAX-3ASECTION-29">14 CLOG Framework internals and extensions</a></h2>
|
|
|
|
<h2>Responding to new java script DOM events:</h2>
|
|
|
|
<p>If there is no data for the event just changing the name of the event is
|
|
sufficient in this example:</p>
|
|
|
|
<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">defmethod</span></i> set-on-click <span class="paren2">(<span class="code"><span class="paren3">(<span class="code">obj clog-obj</span>)</span> handler</span>)</span>
|
|
<span class="paren2">(<span class="code">set-event obj <span class="string">"click"</span>
|
|
<span class="paren3">(<span class="code">when handler
|
|
<span class="paren4">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren5">(<span class="code">data</span>)</span>
|
|
<span class="paren5">(<span class="code">declare <span class="paren6">(<span class="code">ignore data</span>)</span></span>)</span>
|
|
<span class="paren5">(<span class="code">funcall handler obj</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span></code></pre>
|
|
|
|
<p>If there is data for the event an additional string containing the needed
|
|
java-script to return the even data and a function to parse out the data.</p>
|
|
|
|
<p>Replace the event name with the correct name, parse-keyboard-even with the
|
|
parse function and the string containing the needed JavaScrip replaces
|
|
keyboard-event-script:</p>
|
|
|
|
<ul>
|
|
<li>The event handlers setter</li>
|
|
</ul>
|
|
|
|
<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">defmethod</span></i> set-on-key-down <span class="paren2">(<span class="code"><span class="paren3">(<span class="code">obj clog-obj</span>)</span> handler</span>)</span>
|
|
<span class="paren2">(<span class="code">set-event obj <span class="string">"keydown"</span>
|
|
<span class="paren3">(<span class="code">when handler
|
|
<span class="paren4">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren5">(<span class="code">data</span>)</span>
|
|
<span class="paren5">(<span class="code">funcall handler obj <span class="paren6">(<span class="code">parse-keyboard-event data</span>)</span></span>)</span></span>)</span></span>)</span>
|
|
<span class="keyword">:call-back-script</span> keyboard-event-script</span>)</span></span>)</span> </span></code></pre>
|
|
|
|
<ul>
|
|
<li>The script</li>
|
|
</ul>
|
|
|
|
<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">defparameter</span></i> keyboard-event-script
|
|
<span class="string">"+ e.keyCode + ':' + e.charCode + ':' + e.altKey + ':' + e.ctrlKey + ':' +
|
|
e.shiftKey + ':' + e.metaKey"</span></span>)</span></span></code></pre>
|
|
|
|
<ul>
|
|
<li>The event parser</li>
|
|
</ul>
|
|
|
|
<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">defun</span></i> parse-keyboard-event <span class="paren2">(<span class="code">data</span>)</span>
|
|
<span class="paren2">(<span class="code"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="code"><span class="paren4">(<span class="code">f <span class="paren5">(<span class="code">ppcre:split <span class="string">":"</span> data</span>)</span></span>)</span></span>)</span>
|
|
<span class="paren3">(<span class="code">list
|
|
<span class="keyword">:event-type</span> <span class="keyword">:keyboard</span>
|
|
<span class="keyword">:key-code</span> <span class="paren4">(<span class="code">parse-integer <span class="paren5">(<span class="code">nth 0 f</span>)</span> <span class="keyword">:junk-allowed</span> t</span>)</span>
|
|
<span class="keyword">:char-code</span> <span class="paren4">(<span class="code">parse-integer <span class="paren5">(<span class="code">nth 1 f</span>)</span> <span class="keyword">:junk-allowed</span> t</span>)</span>
|
|
<span class="keyword">:alt-key</span> <span class="paren4">(<span class="code">js-true-p <span class="paren5">(<span class="code">nth 2 f</span>)</span></span>)</span>
|
|
<span class="keyword">:ctrl-key</span> <span class="paren4">(<span class="code">js-true-p <span class="paren5">(<span class="code">nth 3 f</span>)</span></span>)</span>
|
|
<span class="keyword">:shift-key</span> <span class="paren4">(<span class="code">js-true-p <span class="paren5">(<span class="code">nth 4 f</span>)</span></span>)</span>
|
|
<span class="keyword">:meta-key</span> <span class="paren4">(<span class="code">js-true-p <span class="paren5">(<span class="code">nth 5 f</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span></code></pre>
|
|
</div>
|
|
</div>
|
|
<script>$('#page-toc').toc({'selectors': 'h1,h2,h3,h4'});</script>
|
|
</body>
|
|
</html>
|