mirror of
https://github.com/rabbibotton/clog.git
synced 2025-12-06 02:30:42 -08:00
5220 lines
285 KiB
HTML
5220 lines
285 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-PROGRAMMING-BASICS-20MGL-PAX-3ASECTION-29" title="CLOG Programming Basics">2 CLOG Programming Basics</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-EVENT-DATA-20MGL-PAX-3ASECTION-29" title="CLOG Event Data">3 CLOG Event Data</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-SYSTEM-20MGL-PAX-3ASECTION-29" title="CLOG System">4 CLOG System</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-UTILITIES-20MGL-PAX-3ASECTION-29" title="CLOG Utilities">5 CLOG Utilities</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-OBJ-20MGL-PAX-3ASECTION-29" title="CLOG Objects">6 CLOG Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-ELEMENT-20MGL-PAX-3ASECTION-29" title="CLOG Elements">7 CLOG Elements</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-ELEMENT-COMMON-20MGL-PAX-3ASECTION-29" title="Common CLOG Elements">8 Common CLOG Elements</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29" title="CLOG Form Objects">9 CLOG Form Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29" title="CLOG Canvas Objects">10 CLOG Canvas Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-MULTIMEDIA-20MGL-PAX-3ASECTION-29" title="CLOG Multimedia Objects">11 CLOG Multimedia Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29" title="CLOG Body Objects">12 CLOG Body Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29" title="CLOG Window Objects">13 CLOG Window Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29" title="CLOG Document Objects">14 CLOG Document Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29" title="CLOG Location Objects">15 CLOG Location Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29" title="CLOG Navigator Objects">16 CLOG Navigator Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-HELPERS-20MGL-PAX-3ASECTION-29" title="CLOG Helper Functions">17 CLOG Helper Functions</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-INTERNALS-20MGL-PAX-3ASECTION-29" title="CLOG Framework internals and extensions">18 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-PROGRAMMING-BASICS-20MGL-PAX-3ASECTION-29" title="CLOG Programming Basics">→</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>
|
|
|
|
<p><code>CLOG</code> - The Common Lisp Omnificent GUI</p>
|
|
|
|
<p>David Botton <a href="mailto:david@botton.com">mailto:david@botton.com</a></p>
|
|
|
|
<p>License BSD 3-Clause License</p>
|
|
|
|
<p>The Common Lisp Omnificent 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 alongside, 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. See below for some
|
|
enhacements bing worked on, <code>CLOG</code> is actually based on GNOGA, a
|
|
framework I wrote for Ada in 2013 and used in commercial production
|
|
code for the last 8 years, i.e. the techiniques <code>CLOG</code> uses are solid
|
|
and proven.</p>
|
|
|
|
<p>Some potential applications for <code>CLOG</code>:</p>
|
|
|
|
<ul>
|
|
<li><p>Cross-platform GUIs and Reports</p></li>
|
|
<li><p>Secure websites and complex interactive web applications</p></li>
|
|
<li><p>Mobile software</p></li>
|
|
<li><p>Massive multiplayer online games</p></li>
|
|
<li><p>Monitoring software for embedded systems</p></li>
|
|
<li><p>A fun way to teach 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 maintains
|
|
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 Quicklisp in the next update, but because I am still
|
|
adding code daily, it is currently preferable to clone the github repo
|
|
into 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 Quicklisp configured):</p>
|
|
|
|
<ol>
|
|
<li><p>Start emacs then M-x slime</p></li>
|
|
<li><p>In the REPL, run:</p></li>
|
|
</ol>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">ql:quickload <span class="keyword">:clog</span></span>)</span>
|
|
CL-USER> <span class="paren1">(<span class="code">clog-user:run-tutorial 1</span>)</span></span></code></pre>
|
|
|
|
<p>To see where the source files are:</p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">clog:clog-install-dir</span>)</span></span></code></pre>
|
|
|
|
<p>You can the load the demos with:</p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">load <span class="string">"path to clog/demos/01-snake.lisp"</span></span>)</span>
|
|
CL-USER> <span class="paren1">(<span class="code">clog-user:start-demo</span>)</span></span></code></pre>
|
|
|
|
<p>To open a browser with the <code>CLOG</code> manual:</p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">clog:open-manual</span>)</span></span></code></pre>
|
|
|
|
<p>Work your way through the tutorials. You will see how quick and easy it is
|
|
to be a CLOGer. The next section also covers the basic programming concepts
|
|
needed for mastering <code>CLOG</code>.</p>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-PROGRAMMING-BASICS-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-EVENT-DATA-20MGL-PAX-3ASECTION-29" title="CLOG Event Data">→</a> <a href="#x-28CLOG-3A-40CLOG-PROGRAMMING-BASICS-20MGL-PAX-3ASECTION-29" title="CLOG Programming Basics">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-PROGRAMMING-BASICS-20MGL-PAX-3ASECTION-29">2 CLOG Programming Basics</a></h2>
|
|
|
|
<ul>
|
|
<li><p>Prerequisites- You don't have to be an expert in Common Lisp but should know the basics</p>
|
|
|
|
<ul>
|
|
<li><p>You <em>don't</em> need to know JavaScript</p></li>
|
|
<li><p>You don't need to know <code>HTML</code> but it helps unless someone else is doing the
|
|
design work.</p></li>
|
|
<li><p>You have installed <code>CLOG</code> and (ql:quickload :clog) is working for you.</p></li>
|
|
</ul></li>
|
|
<li><p>Simple REPL techniques Tutorial</p></li>
|
|
</ul>
|
|
|
|
<p>We first need to load <code>CLOG</code></p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">ql:quickload <span class="keyword">:clog</span></span>)</span>
|
|
To load "clog":
|
|
Load 1 ASDF system:
|
|
clog
|
|
<span class="comment">; Loading "clog"
|
|
</span>................................................
|
|
<span class="paren1">(<span class="code"><span class="keyword">:CLOG</span></span>)</span></span></code></pre>
|
|
|
|
<p>Next, we need to use the <a href="#x-28CLOG-3AINITIALIZE-20FUNCTION-29" title="(CLOG:INITIALIZE FUNCTION)"><code>INITIALIZE</code></a> function to tell <code>CLOG</code> to start up the web
|
|
server, what to do when someone connects and where the static <code>HTML</code> files
|
|
are located.</p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">clog:initialize <span class="paren2">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren3">(<span class="code">body</span>)</span><span class="paren3">(<span class="code"></span>)</span></span>)</span> <span class="keyword">:static-root</span> #P<span class="string">"~/common-lisp/clog/static-files/"</span></span>)</span>
|
|
Hunchentoot server is started.
|
|
Listening on 0.0.0.0:8080.
|
|
HTTP listening on : 0.0.0.0:8080
|
|
HTML Root : /Users/dbotton/common-lisp/clog/static-files/
|
|
Boot file for path / : /boot.html
|
|
NIL</span></code></pre>
|
|
|
|
<p>At this point our <code>CLOG</code> app doese very little. To see our <code>CLOG</code> app so far go to
|
|
http://127.0.0.1:8008 or in most common-list configurations you can use:</p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">clog:open-browser</span>)</span></span></code></pre>
|
|
|
|
<p>Something more than an empty lambda function is needed to do more. The
|
|
tutorials are a good place to start with make <code>CLOG</code> apps in code, so
|
|
here we are going to demonstrate the concepts using some REPL tricks
|
|
to help developing <code>CLOG</code> apps in general.</p>
|
|
|
|
<p>We need to give ourselves easier access to <code>CLOG</code> and or an app we are
|
|
working one. Let's create a package that uses <code>CLOG</code> and of course
|
|
common lisp "cl" we will call it "clog-user".</p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code"><i><span class="symbol">defpackage</span></i> <span class="keyword">#:clog-user</span>
|
|
<span class="paren2">(<span class="code"><span class="keyword">:use</span> <span class="keyword">#:cl</span> <span class="keyword">#:clog</span></span>)</span></span>)</span>
|
|
<span class="paren1">(<span class="code">in-package <span class="keyword">:clog-user</span></span>)</span>
|
|
#<"CLOG-USER" package>
|
|
CLOG-USER> </span></code></pre>
|
|
|
|
<p>Since we already initialized <code>CLOG</code> let's use <a href="#x-28CLOG-3ASET-ON-NEW-WINDOW-20FUNCTION-29" title="(CLOG:SET-ON-NEW-WINDOW FUNCTION)"><code>SET-ON-NEW-WINDOW</code></a> to change our
|
|
on-new-window handler (handler is just a made up name for a function that
|
|
will handle an event).</p>
|
|
|
|
<pre><code><span class="code">CLOG-USER> <span class="paren1">(<span class="code">set-on-new-window <span class="paren2">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren3">(<span class="code">body</span>)</span> <span class="paren3">(<span class="code">create-div body <span class="keyword">:content</span> <span class="string">"Hello World!"</span></span>)</span></span>)</span></span>)</span></span></code></pre>
|
|
|
|
<p>Now go ahead and resresh our browser and you should see the famous first words
|
|
of every app.</p>
|
|
|
|
<p>This of though is still not very REPL like, <code>CLOG</code> is a 'live' connection to a
|
|
browser. So lets redo our on-new-window handler to give us access to the
|
|
browser in the REPL.</p>
|
|
|
|
<pre><code><span class="code">CLOG-USER> <span class="paren1">(<span class="code"><i><span class="symbol">defparameter</span></i> <span class="special">*body*</span> nil</span>)</span>
|
|
*BODY*
|
|
CLOG-USER> <span class="paren1">(<span class="code">set-on-new-window <span class="paren2">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren3">(<span class="code">body</span>)</span> <span class="paren3">(<span class="code">setf <span class="special">*body*</span> body</span>)</span></span>)</span></span>)</span></span></code></pre>
|
|
|
|
<p>Reset your browser again (or navigate to http://127.0.0.1:8080 and let's have
|
|
some fun.</p>
|
|
|
|
<p>(From here on, we will leave out the promps and responses in our quotes of
|
|
code.)</p>
|
|
|
|
<pre><code><span class="code"><span class="paren1">(<span class="code">create-div <span class="special">*body*</span> <span class="keyword">:content</span> <span class="string">"Hello World"</span></span>)</span></span></code></pre>
|
|
|
|
<p>If you have the browser on the screen you will see the results immediately. Try
|
|
this line and you can watch it happen:</p>
|
|
|
|
<pre><code><span class="code"><span class="paren1">(<span class="code">dotimes <span class="paren2">(<span class="code">n 10</span>)</span> <span class="paren2">(<span class="code">create-div <span class="special">*body*</span> <span class="keyword">:content</span> <span class="paren3">(<span class="code">format nil <span class="string">"Line ~A - Hello World"</span> n</span>)</span></span>)</span> <span class="paren2">(<span class="code">sleep .3</span>)</span></span>)</span></span></code></pre>
|
|
|
|
<p>We can also set and respond to events and set properties etc:</p>
|
|
|
|
<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">let</span></i> <span class="paren2">(<span class="code"><span class="paren3">(<span class="code">tmp <span class="paren4">(<span class="code">create-button <span class="special">*body*</span> <span class="keyword">:content</span> <span class="string">"Click Me"</span></span>)</span></span>)</span></span>)</span>
|
|
<span class="paren2">(<span class="code">set-on-click tmp <span class="paren3">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren4">(<span class="code">obj</span>)</span><span class="paren4">(<span class="code">setf <span class="paren5">(<span class="code">hiddenp tmp</span>)</span> t</span>)</span></span>)</span></span>)</span></span>)</span></span></code></pre>
|
|
|
|
<p>Important take aways to using <code>CLOG</code> from the REPL:</p>
|
|
|
|
<ol>
|
|
<li><p>You will need to pass to a global from the running system whatever you want to tinker
|
|
with in the live system from the REPL.</p></li>
|
|
<li><p>Any time you recompile the on-new-window handler or want to use a different one
|
|
you will need to use <a href="#x-28CLOG-3ASET-ON-NEW-WINDOW-20FUNCTION-29" title="(CLOG:SET-ON-NEW-WINDOW FUNCTION)"><code>SET-ON-NEW-WINDOW</code></a>.</p></li>
|
|
<li><p>Similarily with all events, any time an event handler is recompiled or want to
|
|
change the even hander, set-on-* function will need to be called.</p></li>
|
|
</ol>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-EVENT-DATA-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-PROGRAMMING-BASICS-20MGL-PAX-3ASECTION-29" title="CLOG Programming Basics">←</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-EVENT-DATA-20MGL-PAX-3ASECTION-29" title="CLOG Event Data">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-EVENT-DATA-20MGL-PAX-3ASECTION-29">3 CLOG Event Data</a></h2>
|
|
|
|
<p>Some events in <code>CLOG</code> return in addition to the target event, event data.
|
|
The data is passed in the second argument to the event handler as a
|
|
property list. To retrieve the data use (getf data :property) the available
|
|
properties (to use for :property) are based on the event type.</p>
|
|
|
|
<p>From clog-base</p>
|
|
|
|
<pre><code> :event-type :mouse
|
|
:x x relative to the target
|
|
:y y relative to the target
|
|
:screen-x x relative to the users screen
|
|
:screen-y y relative to the users screen
|
|
:which-button which mouse button clicked
|
|
:alt-key t or nil if alt-key held down
|
|
:ctrl-key t or nil if ctrl-key held down
|
|
:shift-key t or nil if shift-key held down
|
|
:meta-key t or nil if meta-key held down
|
|
|
|
|
|
:event-type :touch
|
|
:x x relative to the target
|
|
:y y relative to the target
|
|
:screen-x x relative to the users screen
|
|
:screen-y y relative to the users screen
|
|
:number-fingers number of fingers being used
|
|
:alt-key t or nil if alt-key held down
|
|
:ctrl-key t or nil if ctrl-key held down
|
|
:shift-key t or nil if shift-key held down
|
|
:meta-key t or nil if meta-key held down
|
|
|
|
:event-type :keyboard
|
|
:key-code A key code sometimes called a scan code for the key pressed
|
|
:char-code UTF-8 representation for key pressed when possible
|
|
:alt-key t or nil if alt-key held down
|
|
:ctrl-key t or nil if ctrl-key held down
|
|
:shift-key t or nil if shift-key held down
|
|
:meta-key t or nil if meta-key held down
|
|
</code></pre>
|
|
|
|
<p>From clog-window</p>
|
|
|
|
<pre><code> :event-type :storage
|
|
:key local storage key that was updated (even in another window)
|
|
:old-value old key value
|
|
:value new key value
|
|
</code></pre>
|
|
|
|
<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-EVENT-DATA-20MGL-PAX-3ASECTION-29" title="CLOG Event Data">←</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">4 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 (<code>MERGE-PATHNAMES</code> "./static-files/" (<code>ASDF/SYSTEM:SYSTEM-SOURCE-DIRECTORY</code> <code>:CLOG</code>)))</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 (does not
|
|
change the static-root). <code>STATIC-ROOT</code> by default is the "directory <code>CLOG</code>
|
|
is installed in ./static-files" 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 root path, i.e. /.</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">5 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-3ARGB-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-3ARGB-20FUNCTION-29" >RGB</a></span></span> <span class="locative-args">RED GREEN BLUE</span></span></p>
|
|
|
|
<p>Return <a href="#x-28CLOG-3ARGB-20FUNCTION-29" title="(CLOG:RGB FUNCTION)"><code>RGB</code></a> string, red green and blue may be 0-255</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARGBA-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-3ARGBA-20FUNCTION-29" >RGBA</a></span></span> <span class="locative-args">RED GREEN BLUE ALPHA</span></span></p>
|
|
|
|
<p>Return <a href="#x-28CLOG-3ARGBA-20FUNCTION-29" title="(CLOG:RGBA FUNCTION)"><code>RGBA</code></a> string, red green and blue may be 0-255, alpha 0.0 - 1.0</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHSL-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-3AHSL-20FUNCTION-29" >HSL</a></span></span> <span class="locative-args">HUE SATURATION LIGHTNESS</span></span></p>
|
|
|
|
<p>Return <a href="#x-28CLOG-3AHSL-20FUNCTION-29" title="(CLOG:HSL FUNCTION)"><code>HSL</code></a> string, hue 0-360, saturation and lightness 0%-100%</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AHSLA-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-3AHSLA-20FUNCTION-29" >HSLA</a></span></span> <span class="locative-args">HUE SATURATION LIGHTNESS ALPHA</span></span></p>
|
|
|
|
<p>Return <a href="#x-28CLOG-3AHSLA-20FUNCTION-29" title="(CLOG:HSLA FUNCTION)"><code>HSLA</code></a> string, hue 0-360, saturation and lightness 0%-100%,
|
|
alpha 0.0 - 1.0</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">6 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 &KEY DEFAULT-ANSWER</span></span></p>
|
|
|
|
<p>Get/Setf html property.</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 if connection is valid on this <code>CLOG-OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Obj - Internals for Extension Plugins</p>
|
|
|
|
<p><a id='x-28CLOG-3AHTML-ID-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-ID-20GENERIC-FUNCTION-29" >HTML-ID</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Internal html-id of CLOG-Obj. (Internal)</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJS-EXECUTE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AJS-EXECUTE-20GENERIC-FUNCTION-29" >JS-EXECUTE</a></span></span> <span class="locative-args">CLOG-OBJ SCRIPT</span></span></p>
|
|
|
|
<p>Execure <code>SCRIPT</code> on browser. (Internal)</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJS-QUERY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AJS-QUERY-20GENERIC-FUNCTION-29" >JS-QUERY</a></span></span> <span class="locative-args">CLOG-OBJ SCRIPT &KEY DEFAULT-ANSWER</span></span></p>
|
|
|
|
<p>Execure <code>SCRIPT</code> on browser and return result. (Internal)</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-DRAG-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-DRAG-START-20GENERIC-FUNCTION-29" >SET-ON-DRAG-START</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-START-HANDLER &KEY DRAG-DATA DRAG-TYPE</span></span></p>
|
|
|
|
<p>Set the <code>ON-DRAG-START-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DRAG-START-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-DRAG-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-DRAG-20GENERIC-FUNCTION-29" >SET-ON-DRAG</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-DRAG-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DRAG-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-DRAG-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-DRAG-END-20GENERIC-FUNCTION-29" >SET-ON-DRAG-END</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-END-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-DRAG-END-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DRAG-END-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-DRAG-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-DRAG-ENTER-20GENERIC-FUNCTION-29" >SET-ON-DRAG-ENTER</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-ENTER-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-DRAG-ENTER-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DRAG-ENTER-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-DRAG-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-DRAG-LEAVE-20GENERIC-FUNCTION-29" >SET-ON-DRAG-LEAVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-LEAVE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-DRAG-LEAVE-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DRAG-LEAVE-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-DRAG-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-DRAG-OVER-20GENERIC-FUNCTION-29" >SET-ON-DRAG-OVER</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-OVER-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-DRAG-OVER-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DRAG-OVER-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-DROP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-DROP-20GENERIC-FUNCTION-29" >SET-ON-DROP</a></span></span> <span class="locative-args">CLOG-OBJ ON-DROP-HANDLER &KEY DRAG-TYPE</span></span></p>
|
|
|
|
<p>Set the <code>ON-DROP-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DROP-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">7 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 &KEY DEFAULT-ANSWER</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 &KEY DEFAULT-ANSWER</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-3ASCROLL-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-3ASCROLL-LEFT-20GENERIC-FUNCTION-29" >SCROLL-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get scroll-left. The number of pixels that an element's
|
|
content is scrolled to the left. For RTL languages is negative.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCROLL-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-3ASCROLL-TOP-20GENERIC-FUNCTION-29" >SCROLL-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get scroll-top. The number of pixels that an element's
|
|
content has been scrolled upward.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCROLL-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-3ASCROLL-WIDTH-20GENERIC-FUNCTION-29" >SCROLL-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get scroll-width. Either the width in pixels of the content
|
|
of an element or the width of the element itself, whichever is greater.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASCROLL-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-3ASCROLL-HEIGHT-20GENERIC-FUNCTION-29" >SCROLL-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get scroll-height. Height of an element's content, including
|
|
content not visible on the screen due to overflow.</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 - Turn this item in to a flexbox container. The flexbox
|
|
properties for container to adjust are:
|
|
|
|
justify-content - how items are spaced in flexbox
|
|
align-content - how items spaced when wrapped
|
|
align-items - when placed (from start, center, from end)
|
|
flex-direction - flex-box left<>right or top<>bottom
|
|
flex-wrap - keep in one line or wrap to more
|
|
|
|
The properties to adjust for items in the flexbox are:
|
|
|
|
flex - sets the relative grow,shrink,basis
|
|
order - sets visual item order in flexbox
|
|
align-self - override flexbox's align-items for item
|
|
|
|
:flex-start [--- ]
|
|
:flex-end [ ---]
|
|
:center [ --- ]
|
|
:space-between [- - -]
|
|
:space-around [ - - - ]
|
|
:space-evenly [ - - - ]
|
|
|
|
grid - Turn this item in to a grid container block level. The grid
|
|
properties to adjust for container are:
|
|
|
|
grid-template-columns
|
|
grid-template-rows
|
|
grid-template-areas
|
|
column-gap
|
|
row-gap
|
|
align-items
|
|
justify-items
|
|
justify-content - align the grid as a whole in container
|
|
align-content - align the grid as a whole in container
|
|
grid-auto-columns
|
|
grid-auto-rows
|
|
grid-auto-flow
|
|
|
|
The properties to adjust for grid items is:
|
|
|
|
grid-column-start
|
|
grid-column-end
|
|
grid-row-start
|
|
grid-row-end
|
|
align-self
|
|
justify-self
|
|
|
|
inline-grid - Turn this item in to a grid container inline level.
|
|
</code></pre></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AORDER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AORDER-20GENERIC-FUNCTION-29" >ORDER</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf visual item order flexbox packing but
|
|
not actual order in document or tab order etc.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFLEX-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFLEX-20GENERIC-FUNCTION-29" >FLEX</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get item's flexbox relative grow, shrink,
|
|
and basis</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-FLEX-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-FLEX-20GENERIC-FUNCTION-29" >SET-FLEX</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY GROW SHRINK FLEX-BASIS</span></span></p>
|
|
|
|
<p>Set flex grow (default 0) shrink (default 1) and
|
|
flex-basis (default :auto = use width or height) for <code>CLOG-ELEMENT</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFLEX-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-3AFLEX-WRAP-TYPE-20-28TYPE-29-29" >FLEX-WRAP-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFLEX-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-3AFLEX-WRAP-20GENERIC-FUNCTION-29" >FLEX-WRAP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf direction of flexbox packing.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFLEX-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-3AFLEX-DIRECTION-TYPE-20-28TYPE-29-29" >FLEX-DIRECTION-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFLEX-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-3AFLEX-DIRECTION-20GENERIC-FUNCTION-29" >FLEX-DIRECTION</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf direction of flexbox packing.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-TEMPLATE-COLUMNS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AGRID-TEMPLATE-COLUMNS-20GENERIC-FUNCTION-29" >GRID-TEMPLATE-COLUMNS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-template-columns.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-TEMPLATE-ROWS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AGRID-TEMPLATE-ROWS-20GENERIC-FUNCTION-29" >GRID-TEMPLATE-ROWS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-template-rows.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-TEMPLATE-AREAS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AGRID-TEMPLATE-AREAS-20GENERIC-FUNCTION-29" >GRID-TEMPLATE-AREAS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-template-areas.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACOLUMN-GAP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACOLUMN-GAP-20GENERIC-FUNCTION-29" >COLUMN-GAP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf column-gap.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AROW-GAP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AROW-GAP-20GENERIC-FUNCTION-29" >ROW-GAP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf row-gap.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-AUTO-COLUMNS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AGRID-AUTO-COLUMNS-20GENERIC-FUNCTION-29" >GRID-AUTO-COLUMNS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-auto-columns.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-AUTO-ROWS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AGRID-AUTO-ROWS-20GENERIC-FUNCTION-29" >GRID-AUTO-ROWS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-auto-rows.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-AUTO-FLOW-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AGRID-AUTO-FLOW-20GENERIC-FUNCTION-29" >GRID-AUTO-FLOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-auto-flow.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-COLUMN-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-3AGRID-COLUMN-START-20GENERIC-FUNCTION-29" >GRID-COLUMN-START</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-column-start.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-COLUMN-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-3AGRID-COLUMN-END-20GENERIC-FUNCTION-29" >GRID-COLUMN-END</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-column-end.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-ROW-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-3AGRID-ROW-START-20GENERIC-FUNCTION-29" >GRID-ROW-START</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-row-start.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AGRID-ROW-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-3AGRID-ROW-END-20GENERIC-FUNCTION-29" >GRID-ROW-END</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf grid-row-end.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AALIGN-ITEMS-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-3AALIGN-ITEMS-TYPE-20-28TYPE-29-29" >ALIGN-ITEMS-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AALIGN-ITEMS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AALIGN-ITEMS-20GENERIC-FUNCTION-29" >ALIGN-ITEMS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf align items in a flexbox/grid on column axis.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AALIGN-SELF-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-3AALIGN-SELF-TYPE-20-28TYPE-29-29" >ALIGN-SELF-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AALIGN-SELF-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AALIGN-SELF-20GENERIC-FUNCTION-29" >ALIGN-SELF</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf override align-items for this item
|
|
in a flexbox/grid.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AALIGN-CONTENT-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-3AALIGN-CONTENT-TYPE-20-28TYPE-29-29" >ALIGN-CONTENT-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AALIGN-CONTENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AALIGN-CONTENT-20GENERIC-FUNCTION-29" >ALIGN-CONTENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf align content wrapped inline of a flexbox
|
|
on opposite sides of each other or grid on column axis.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJUSTIFY-ITEMS-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-3AJUSTIFY-ITEMS-TYPE-20-28TYPE-29-29" >JUSTIFY-ITEMS-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJUSTIFY-ITEMS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AJUSTIFY-ITEMS-20GENERIC-FUNCTION-29" >JUSTIFY-ITEMS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf justify items in a grid on row axis.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJUSTIFY-SELF-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-3AJUSTIFY-SELF-TYPE-20-28TYPE-29-29" >JUSTIFY-SELF-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJUSTIFY-SELF-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AJUSTIFY-SELF-20GENERIC-FUNCTION-29" >JUSTIFY-SELF</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf override align this item in grid on row axis.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJUSTIFY-CONTENT-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-3AJUSTIFY-CONTENT-TYPE-20-28TYPE-29-29" >JUSTIFY-CONTENT-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AJUSTIFY-CONTENT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AJUSTIFY-CONTENT-20GENERIC-FUNCTION-29" >JUSTIFY-CONTENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf justify content for items inline of a
|
|
flexbox or grid on row access.</p></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">8 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 CLASS 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 CLASS 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 CLASS 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 CLASS 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 CLASS 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 CLASS 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 CLASS 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 CLASS 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 CLASS 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 CLASS 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>CLOG-Section - Class for <code>CLOG</code> Inline Sections</p>
|
|
|
|
<p><a id='x-28CLOG-3ASECTION-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-3ASECTION-TYPE-20-28TYPE-29-29" >SECTION-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-SECTION-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-SECTION-20CLASS-29" >CLOG-SECTION</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> Section Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-SECTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-SECTION-20GENERIC-FUNCTION-29" >CREATE-SECTION</a></span></span> <span class="locative-args">CLOG-OBJ SECTION &KEY CONTENT CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Section of section type 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>CLOG-Phrase - Class for <code>CLOG</code> Inline Phrases</p>
|
|
|
|
<p><a id='x-28CLOG-3APHRASE-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-3APHRASE-TYPE-20-28TYPE-29-29" >PHRASE-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-PHRASE-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-PHRASE-20CLASS-29" >CLOG-PHRASE</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> Phrase Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-PHRASE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-PHRASE-20GENERIC-FUNCTION-29" >CREATE-PHRASE</a></span></span> <span class="locative-args">CLOG-OBJ PHRASE &KEY CONTENT CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Phrase of phrase type 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>CLOG-Ordered-List - Class for <code>CLOG</code> Ordered-Lists</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-ORDERED-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-ORDERED-LIST-20CLASS-29" >CLOG-ORDERED-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> Ordered-List Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-ORDERED-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-ORDERED-LIST-20GENERIC-FUNCTION-29" >CREATE-ORDERED-LIST</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Ordered-List 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-3ALIST-KIND-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-3ALIST-KIND-TYPE-20-28TYPE-29-29" >LIST-KIND-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALIST-KIND-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALIST-KIND-20GENERIC-FUNCTION-29" >LIST-KIND</a></span></span> <span class="locative-args">CLOG-ORDERED-LIST</span></span></p>
|
|
|
|
<p>Get/Setf list list-kind.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALIST-LOCATION-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-3ALIST-LOCATION-TYPE-20-28TYPE-29-29" >LIST-LOCATION-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALIST-LOCATION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALIST-LOCATION-20GENERIC-FUNCTION-29" >LIST-LOCATION</a></span></span> <span class="locative-args">CLOG-ORDERED-LIST</span></span></p>
|
|
|
|
<p>Get/Setf list list-location. Default
|
|
is outside.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Unordered-List - Class for <code>CLOG</code> Unordered-Lists</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-UNORDERED-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-UNORDERED-LIST-20CLASS-29" >CLOG-UNORDERED-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> Unordered-List Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-UNORDERED-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-UNORDERED-LIST-20GENERIC-FUNCTION-29" >CREATE-UNORDERED-LIST</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Unordered-List 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>CLOG-List-Item - Class for <code>CLOG</code> List-Items</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-LIST-ITEM-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-LIST-ITEM-20CLASS-29" >CLOG-LIST-ITEM</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> List-Item Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-LIST-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-3ACREATE-LIST-ITEM-20GENERIC-FUNCTION-29" >CREATE-LIST-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-List-Item 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-3AITEM-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-3AITEM-VALUE-20GENERIC-FUNCTION-29" >ITEM-VALUE</a></span></span> <span class="locative-args">CLOG-LIST-ITEM</span></span></p>
|
|
|
|
<p>Get/Setf list item-value.</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Definition-List - Class for <code>CLOG</code> Definition-Lists</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-DEFINITION-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-DEFINITION-LIST-20CLASS-29" >CLOG-DEFINITION-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> Definition-List Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-DEFINITION-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-DEFINITION-LIST-20GENERIC-FUNCTION-29" >CREATE-DEFINITION-LIST</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Definition-List 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>CLOG-Term - Class for <code>CLOG</code> Terms</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TERM-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-TERM-20CLASS-29" >CLOG-TERM</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> Term Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TERM-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TERM-20GENERIC-FUNCTION-29" >CREATE-TERM</a></span></span> <span class="locative-args">CLOG-DEFINITION-LIST &KEY CONTENT CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Term as child of <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>
|
|
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a></p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Description - Class for <code>CLOG</code> Descriptions</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-DESCRIPTION-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-DESCRIPTION-20CLASS-29" >CLOG-DESCRIPTION</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> Description Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-DESCRIPTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-DESCRIPTION-20GENERIC-FUNCTION-29" >CREATE-DESCRIPTION</a></span></span> <span class="locative-args">CLOG-DEFINITION-LIST &KEY CONTENT CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Description as child of <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>
|
|
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a></p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Table - Class for <code>CLOG</code> Tables</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-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-TABLE-20CLASS-29" >CLOG-TABLE</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> Table Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-20GENERIC-FUNCTION-29" >CREATE-TABLE</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table 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>CLOG-Table-Row - Class for <code>CLOG</code> Table-Rows</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-ROW-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-TABLE-ROW-20CLASS-29" >CLOG-TABLE-ROW</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> Table-Row Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-ROW-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-ROW-20GENERIC-FUNCTION-29" >CREATE-TABLE-ROW</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Row 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>CLOG-Table-Column - Class for <code>CLOG</code> Table-Columns</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-COLUMN-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-TABLE-COLUMN-20CLASS-29" >CLOG-TABLE-COLUMN</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-TABLE-ROW-20CLASS-29" title="(CLOG:CLOG-TABLE-ROW CLASS)">CLOG-TABLE-ROW</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Table-Column Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-COLUMN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-COLUMN-20GENERIC-FUNCTION-29" >CREATE-TABLE-COLUMN</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT COLUMN-SPAN ROW-SPAN CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Column 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>CLOG-Table-Heading - Class for <code>CLOG</code> Table-Headings</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-HEADING-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-TABLE-HEADING-20CLASS-29" >CLOG-TABLE-HEADING</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-TABLE-ROW-20CLASS-29" title="(CLOG:CLOG-TABLE-ROW CLASS)">CLOG-TABLE-ROW</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Table-Heading Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-HEADING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-HEADING-20GENERIC-FUNCTION-29" >CREATE-TABLE-HEADING</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT COLUMN-SPAN ROW-SPAN CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Heading 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>CLOG-Table-Head - Class for <code>CLOG</code> Table-Heads</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-HEAD-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-TABLE-HEAD-20CLASS-29" >CLOG-TABLE-HEAD</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-TABLE-20CLASS-29" title="(CLOG:CLOG-TABLE CLASS)">CLOG-TABLE</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Table-Head Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-HEAD-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-HEAD-20GENERIC-FUNCTION-29" >CREATE-TABLE-HEAD</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Head 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>CLOG-Table-Body - Class for <code>CLOG</code> Table-Bodys</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-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-TABLE-BODY-20CLASS-29" >CLOG-TABLE-BODY</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-TABLE-20CLASS-29" title="(CLOG:CLOG-TABLE CLASS)">CLOG-TABLE</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Table-Body Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-BODY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-BODY-20GENERIC-FUNCTION-29" >CREATE-TABLE-BODY</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Body 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>CLOG-Table-Caption - Class for <code>CLOG</code> Table-Captions</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-CAPTION-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-TABLE-CAPTION-20CLASS-29" >CLOG-TABLE-CAPTION</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-TABLE-20CLASS-29" title="(CLOG:CLOG-TABLE CLASS)">CLOG-TABLE</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Table-Caption Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-CAPTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-CAPTION-20GENERIC-FUNCTION-29" >CREATE-TABLE-CAPTION</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Caption 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>CLOG-Table-Footer - Class for <code>CLOG</code> Table-Footers</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-FOOTER-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-TABLE-FOOTER-20CLASS-29" >CLOG-TABLE-FOOTER</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-TABLE-20CLASS-29" title="(CLOG:CLOG-TABLE CLASS)">CLOG-TABLE</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Table-Footer Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-FOOTER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-FOOTER-20GENERIC-FUNCTION-29" >CREATE-TABLE-FOOTER</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Footer 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>CLOG-Table-Column-Group - Class for <code>CLOG</code> Table-Column-Groups</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-COLUMN-GROUP-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-TABLE-COLUMN-GROUP-20CLASS-29" >CLOG-TABLE-COLUMN-GROUP</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-TABLE-20CLASS-29" title="(CLOG:CLOG-TABLE CLASS)">CLOG-TABLE</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Table-Column-Group Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-COLUMN-GROUP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TABLE-COLUMN-GROUP-20GENERIC-FUNCTION-29" >CREATE-TABLE-COLUMN-GROUP</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Column-Group 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>CLOG-Table-Column-Group-Item - Class for <code>CLOG</code> Table-Column-Group-Items</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-TABLE-COLUMN-GROUP-ITEM-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-TABLE-COLUMN-GROUP-ITEM-20CLASS-29" >CLOG-TABLE-COLUMN-GROUP-ITEM</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-TABLE-COLUMN-GROUP-20CLASS-29" title="(CLOG:CLOG-TABLE-COLUMN-GROUP CLASS)">CLOG-TABLE-COLUMN-GROUP</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Table-Column-Group-Item Objects.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-TABLE-COLUMN-GROUP-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-3ACREATE-TABLE-COLUMN-GROUP-ITEM-20GENERIC-FUNCTION-29" >CREATE-TABLE-COLUMN-GROUP-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ &KEY COLUMN-SPAN CLASS AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a new CLOG-Table-Column-Group-Item 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-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">9 CLOG Form Objects</a></h2>
|
|
|
|
<p>CLOG-Form-Data</p>
|
|
|
|
<p><a id='x-28CLOG-3AFORM-GET-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-3AFORM-GET-DATA-20GENERIC-FUNCTION-29" >FORM-GET-DATA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get the form data as an a-list sent by the get method</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFORM-POST-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-3AFORM-POST-DATA-20GENERIC-FUNCTION-29" >FORM-POST-DATA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get the form data as an a-list sent by post method</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AFORM-DATA-ITEM-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-3AFORM-DATA-ITEM-20FUNCTION-29" >FORM-DATA-ITEM</a></span></span> <span class="locative-args">FORM-DATA ITEM</span></span></p>
|
|
|
|
<p>Return value for <code>ITEM</code> from a FROM-DATA a-list</p></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Form - Class for organizing Form Elements in to a From</p>
|
|
|
|
<p><a id='x-28CLOG-3AFORM-METHOD-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-METHOD-TYPE-20-28TYPE-29-29" >FORM-METHOD-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<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 CLASS 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> and must
|
|
be unique name on entire document.</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-MULTIMEDIA-20MGL-PAX-3ASECTION-29" title="CLOG Multimedia 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">10 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-MULTIMEDIA-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-BODY-20MGL-PAX-3ASECTION-29" title="CLOG Body Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-MULTIMEDIA-20MGL-PAX-3ASECTION-29" title="CLOG Multimedia Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-MULTIMEDIA-20MGL-PAX-3ASECTION-29">11 CLOG Multimedia Objects</a></h2>
|
|
|
|
<p>CLOG-Multimedia - Base Class for <code>CLOG</code> multimedia objects</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-MULTIMEDIA-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-MULTIMEDIA-20CLASS-29" >CLOG-MULTIMEDIA</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> Multimedia base class.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOOP-MEDIAP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALOOP-MEDIAP-20GENERIC-FUNCTION-29" >LOOP-MEDIAP</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf loop media property.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMEDIA-DURATION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMEDIA-DURATION-20GENERIC-FUNCTION-29" >MEDIA-DURATION</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf media in seconds property.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMEDIA-SOURCE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMEDIA-SOURCE-20GENERIC-FUNCTION-29" >MEDIA-SOURCE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf media source/url.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMEDIA-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-3AMEDIA-POSITION-20GENERIC-FUNCTION-29" >MEDIA-POSITION</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf postion of media in seconds.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMUTEDP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMUTEDP-20GENERIC-FUNCTION-29" >MUTEDP</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf muted property.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APAUSEDP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APAUSEDP-20GENERIC-FUNCTION-29" >PAUSEDP</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf paused property.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASEEKINGP-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ASEEKINGP-20GENERIC-FUNCTION-29" >SEEKINGP</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf seeking property.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APLAYBACK-ENDED-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-3APLAYBACK-ENDED-P-20GENERIC-FUNCTION-29" >PLAYBACK-ENDED-P</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf true of Media position has reached end of its duration.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APLAYBACK-RATE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APLAYBACK-RATE-20GENERIC-FUNCTION-29" >PLAYBACK-RATE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf playback rate.
|
|
Common values - 1.0 normal, 0.5 half speed, -1.0 reverse</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AREADY-TO-PLAY-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-3AREADY-TO-PLAY-P-20GENERIC-FUNCTION-29" >READY-TO-PLAY-P</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf true of Media position has reached end of its duration.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMEDIA-VOLUME-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMEDIA-VOLUME-20GENERIC-FUNCTION-29" >MEDIA-VOLUME</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Get/Setf media volume, not system volume. 0.0 .. 1.0</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APLAY-MEDIA-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APLAY-MEDIA-20GENERIC-FUNCTION-29" >PLAY-MEDIA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Play media.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3APAUSE-MEDIA-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3APAUSE-MEDIA-20GENERIC-FUNCTION-29" >PAUSE-MEDIA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Pause media.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOAD-MEDIA-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-MEDIA-20GENERIC-FUNCTION-29" >LOAD-MEDIA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>
|
|
|
|
<p>Load/Reload media.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACAN-PLAY-TYPE-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-3ACAN-PLAY-TYPE-P-20GENERIC-FUNCTION-29" >CAN-PLAY-TYPE-P</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA MEDIA-TYPE</span></span></p>
|
|
|
|
<p>Returns true if browser claims support of a media type.
|
|
Browsers report possibility but not guarantees of being able to support a
|
|
media type.</p>
|
|
|
|
<pre><code> Common values:
|
|
video/ogg
|
|
video/mp4
|
|
video/webm
|
|
audio/mpeg
|
|
audio/ogg
|
|
audio/mp4
|
|
audio/mp3
|
|
|
|
Common values, including codecs:
|
|
video/ogg; codecs="theora, vorbis"
|
|
video/mp4; codecs="avc1.4D401E, mp4a.40.2"
|
|
video/webm; codecs="vp8.0, vorbis"
|
|
audio/ogg; codecs="vorbis"
|
|
audio/mp4; codecs="mp4a.40.5"
|
|
</code></pre></li>
|
|
</ul>
|
|
|
|
<p>CLOG-Multimedia - Event Handlers</p>
|
|
|
|
<p>The standard event order for a normal file load is:
|
|
On_Load_Start
|
|
On_Duration_Change
|
|
On_Loaded_Meta_Data
|
|
On_Loaded_Data
|
|
On_Progress
|
|
On_Can_Play
|
|
On_Can_Play_Though</p>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MEDIA-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-MEDIA-ABORT-20GENERIC-FUNCTION-29" >SET-ON-MEDIA-ABORT</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-MEDIA-ABORT-HANDLER for <code>CLOG-MULTIMEDIA</code>. <code>HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-MEDIA-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-MEDIA-ERROR-20GENERIC-FUNCTION-29" >SET-ON-MEDIA-ERROR</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-MEDIA-ERROR-HANDLER for <code>CLOG-MULTIMEDIA</code>. <code>HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-CAN-PLAY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-CAN-PLAY-20GENERIC-FUNCTION-29" >SET-ON-CAN-PLAY</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-CAN-PLAY-HANDLER for <code>CLOG-MULTIMEDIA</code>. <code>HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-CAN-PLAY-THROUGH-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-CAN-PLAY-THROUGH-20GENERIC-FUNCTION-29" >SET-ON-CAN-PLAY-THROUGH</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-CAN-PLAY-THROUGH-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-DURATION-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-DURATION-CHANGE-20GENERIC-FUNCTION-29" >SET-ON-DURATION-CHANGE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-DURATION-CHANGE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-EMPTIED-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-EMPTIED-20GENERIC-FUNCTION-29" >SET-ON-EMPTIED</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-EMPTIED-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-ENDED-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-ENDED-20GENERIC-FUNCTION-29" >SET-ON-ENDED</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-ENDED-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-LOADED-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-3ASET-ON-LOADED-DATA-20GENERIC-FUNCTION-29" >SET-ON-LOADED-DATA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-LOADED-DATA-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-LOADED-META-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-3ASET-ON-LOADED-META-DATA-20GENERIC-FUNCTION-29" >SET-ON-LOADED-META-DATA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-LOADED-META-DATA-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-LOAD-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-LOAD-START-20GENERIC-FUNCTION-29" >SET-ON-LOAD-START</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-LOAD-START-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-PLAY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-PLAY-20GENERIC-FUNCTION-29" >SET-ON-PLAY</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-PLAY-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-PAUSE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-PAUSE-20GENERIC-FUNCTION-29" >SET-ON-PAUSE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-PAUSE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-PLAYING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-PLAYING-20GENERIC-FUNCTION-29" >SET-ON-PLAYING</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-PLAYING-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-PROGRESS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-PROGRESS-20GENERIC-FUNCTION-29" >SET-ON-PROGRESS</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-PROGRESS-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-RATE-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-RATE-CHANGE-20GENERIC-FUNCTION-29" >SET-ON-RATE-CHANGE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-RATE-CHANGE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-SEEKED-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-SEEKED-20GENERIC-FUNCTION-29" >SET-ON-SEEKED</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-SEEKED-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-SEEKING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-SEEKING-20GENERIC-FUNCTION-29" >SET-ON-SEEKING</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-SEEKING-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-STALLED-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-STALLED-20GENERIC-FUNCTION-29" >SET-ON-STALLED</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-STALLED-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-SUSPEND-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-SUSPEND-20GENERIC-FUNCTION-29" >SET-ON-SUSPEND</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-SUSPEND-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-TIME-UPDATE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-TIME-UPDATE-20GENERIC-FUNCTION-29" >SET-ON-TIME-UPDATE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-TIME-UPDATE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-VOLUME-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-VOLUME-CHANGE-20GENERIC-FUNCTION-29" >SET-ON-VOLUME-CHANGE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-VOLUME-CHANGE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-WAITING-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-WAITING-20GENERIC-FUNCTION-29" >SET-ON-WAITING</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>
|
|
|
|
<p>Set the ON-WAITING-HANDLER for <code>CLOG-MULTIMEDIA</code>.
|
|
<code>HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p>Clog-Audio - Class for <code>CLOG</code> Audio Control</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-AUDIO-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-AUDIO-20CLASS-29" >CLOG-AUDIO</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-MULTIMEDIA-20CLASS-29" title="(CLOG:CLOG-MULTIMEDIA CLASS)">CLOG-MULTIMEDIA</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Audio class.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-AUDIO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-AUDIO-20GENERIC-FUNCTION-29" >CREATE-AUDIO</a></span></span> <span class="locative-args">CLOG-OBJ &KEY SOURCE CONTROLS PRELOAD AUTOPLAY AUTOLOOP MUTED AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a <code>CLOG</code> Audio control</p></li>
|
|
</ul>
|
|
|
|
<p>Clog-Video - Class for <code>CLOG</code> Video Control</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-VIDEO-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-VIDEO-20CLASS-29" >CLOG-VIDEO</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-MULTIMEDIA-20CLASS-29" title="(CLOG:CLOG-MULTIMEDIA CLASS)">CLOG-MULTIMEDIA</a></span></span></p>
|
|
|
|
<p><code>CLOG</code> Video class.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-VIDEO-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-VIDEO-20GENERIC-FUNCTION-29" >CREATE-VIDEO</a></span></span> <span class="locative-args">CLOG-OBJ &KEY SOURCE CONTROLS PRELOAD POSTER AUTOPLAY AUTOLOOP MUTED AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a <code>CLOG</code> video control</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-MULTIMEDIA-20MGL-PAX-3ASECTION-29" title="CLOG Multimedia 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">12 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">13 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">14 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-3ALOAD-SCRIPT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-SCRIPT-20GENERIC-FUNCTION-29" >LOAD-SCRIPT</a></span></span> <span class="locative-args">CLOG-DOCUMENT SCRIPT-URL</span></span></p>
|
|
|
|
<p>Load script from <code>SCRIPT-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">15 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-HELPERS-20MGL-PAX-3ASECTION-29" title="CLOG Helper Functions">→</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">16 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-HELPERS-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> <a href="#x-28CLOG-3A-40CLOG-HELPERS-20MGL-PAX-3ASECTION-29" title="CLOG Helper Functions">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-HELPERS-20MGL-PAX-3ASECTION-29">17 CLOG Helper Functions</a></h2>
|
|
|
|
<p>Tutorial and demo helpers</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-INSTALL-DIR-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-3ACLOG-INSTALL-DIR-20FUNCTION-29" >CLOG-INSTALL-DIR</a></span></span> <span class="locative-args"></span></span></p>
|
|
|
|
<p>Return the directory <code>CLOG</code> was installed in.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOPEN-MANUAL-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-MANUAL-20FUNCTION-29" >OPEN-MANUAL</a></span></span> <span class="locative-args"></span></span></p>
|
|
|
|
<p>Launches a browser with <code>CLOG</code> manual.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARUN-TUTORIAL-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-3ARUN-TUTORIAL-20FUNCTION-29" >RUN-TUTORIAL</a></span></span> <span class="locative-args">NUM</span></span></p>
|
|
|
|
<p>Run tutorial <code>NUM</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOAD-TUTORIAL-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-3ALOAD-TUTORIAL-20FUNCTION-29" >LOAD-TUTORIAL</a></span></span> <span class="locative-args">NUM</span></span></p>
|
|
|
|
<p>Load tutorial <code>NUM</code> - use (clog-user:start-tutorial)</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ARUN-DEMO-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-3ARUN-DEMO-20FUNCTION-29" >RUN-DEMO</a></span></span> <span class="locative-args">NUM</span></span></p>
|
|
|
|
<p>Run demo <code>NUM</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ALOAD-DEMO-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-3ALOAD-DEMO-20FUNCTION-29" >LOAD-DEMO</a></span></span> <span class="locative-args">NUM</span></span></p>
|
|
|
|
<p>Load demo <code>NUM</code> - use (clog-user:start-demo)</p></li>
|
|
</ul>
|
|
|
|
<p>Functions for Compilation and Documentation</p>
|
|
|
|
<p><a id='x-28CLOG-3ALOAD-WORLD-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3ALOAD-WORLD-20FUNCTION-29" >LOAD-WORLD</a></span></span> <span class="locative-args"></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAKE-MARK-DOWN-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAKE-MARK-DOWN-20FUNCTION-29" >MAKE-MARK-DOWN</a></span></span> <span class="locative-args"></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAKE-HTML-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAKE-HTML-20FUNCTION-29" >MAKE-HTML</a></span></span> <span class="locative-args"></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AMAKE-WORLD-20FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#x-28CLOG-3AMAKE-WORLD-20FUNCTION-29" >MAKE-WORLD</a></span></span> <span class="locative-args"></span></span></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-HELPERS-20MGL-PAX-3ASECTION-29" title="CLOG Helper Functions">←</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">18 CLOG Framework internals and extensions</a></h2>
|
|
|
|
<p><em>* Introduction to Internals *</em></p>
|
|
|
|
<p>This section on internals is not intended for general use of <code>CLOG</code>. It is
|
|
for those looking to maint or extend <code>CLOG</code>, or those creating plugins.</p>
|
|
|
|
<p><em>* The Client Side and the Server Side *</em></p>
|
|
|
|
<p>All objects created in <code>CLOG</code> have a server side and a client side
|
|
representation, at least at the time of their creation. The server
|
|
side representation is a CLOG-obj or one of its descendants that is
|
|
returned by one of the many create-* functions. The client side
|
|
representation is the DOM element (or other JavaScript object) itself
|
|
stored in the clog array keyed by the html-id clog<a href="#x-28CLOG-3AHTML-ID-20GENERIC-FUNCTION-29" title="(CLOG:HTML-ID GENERIC-FUNCTION)"><code>html-id</code></a>.</p>
|
|
|
|
<p><em>* Client Side Scripting *</em></p>
|
|
|
|
<p>Executing code on the client side is done in one of three ways:</p>
|
|
|
|
<ol>
|
|
<li><p>The connection - Using the clog-connection package execute or query</p></li>
|
|
<li><p>The DOM object - Using the clog-obj execute or query</p></li>
|
|
<li><p>The jQuery wrapper - Using the clog-obj jquery-execute or jquery-query</p></li>
|
|
</ol>
|
|
|
|
<p>Query time outs are set in clog-connect:<em>query-time-out</em> by default 3
|
|
seconds.</p>
|
|
|
|
<p><em>* Responding to new JavaScript DOM events *</em></p>
|
|
|
|
<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
|
|
JavaScript 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 JavaScript 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>
|