mirror of
https://github.com/rabbibotton/clog.git
synced 2025-12-06 02:30:42 -08:00
6434 lines
356 KiB
HTML
6434 lines
356 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-STYLE-BLOCK-20MGL-PAX-3ASECTION-29" title="CLOG Style Blocks">9 CLOG Style Blocks</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29" title="CLOG Form Objects">10 CLOG Form Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29" title="CLOG Canvas Objects">11 CLOG Canvas Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-MULTIMEDIA-20MGL-PAX-3ASECTION-29" title="CLOG Multimedia Objects">12 CLOG Multimedia Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-GUI-20MGL-PAX-3ASECTION-29" title="CLOG GUI Objects">13 CLOG GUI Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-WEB-20MGL-PAX-3ASECTION-29" title="CLOG Web Objects">14 CLOG Web Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29" title="CLOG Body Objects">15 CLOG Body Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29" title="CLOG Window Objects">16 CLOG Window Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29" title="CLOG Document Objects">17 CLOG Document Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29" title="CLOG Location Objects">18 CLOG Location Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29" title="CLOG Navigator Objects">19 CLOG Navigator Objects</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-HELPERS-20MGL-PAX-3ASECTION-29" title="CLOG Helper Functions">20 CLOG Helper Functions</a></li>
|
|
<li><a href="#x-28CLOG-3A-40CLOG-INTERNALS-20MGL-PAX-3ASECTION-29" title="CLOG Framework internals and extensions">21 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 tell clog to start a clog-repl:</p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">clog:clog-repl</span>)</span>
|
|
Hunchentoot server is started.
|
|
Listening on 0.0.0.0:8080.
|
|
HTTP listening on : 0.0.0.0:8080
|
|
HTML Root : ~/common-lisp/clog/static-files/
|
|
Boot file for path / : /debug.html
|
|
|
|
Use clog-user:*body* to access the clog-repl window.
|
|
NIL</span></code></pre>
|
|
|
|
<p>At this point <code>CLOG</code> should open a browser window to
|
|
http://127.0.0.1:8008/repl</p>
|
|
|
|
<p>We can now enter the clog-user package and hack a way.</p>
|
|
|
|
<pre><code><span class="code">CL-USER> <span class="paren1">(<span class="code">in-package clog-user</span>)</span>
|
|
#<"CLOG-USER" package>
|
|
CLOG-USER> <span class="paren1">(<span class="code">setf <span class="paren2">(<span class="code">background-color <span class="special">*body*</span></span>)</span> <span class="keyword">:red</span></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>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>(From here on, we will leave out the prompts 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>Events in 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 :pointer
|
|
: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 String of key pressed, with out modifiers like ctrl characters
|
|
:key-code The utf-16 value of :key
|
|
:char-code UTF-8 representation for key pressed when possible - deprecated
|
|
: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>Events in 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-BOOT-JS <code>NIL</code>) (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. /. If static-boot-js is t
|
|
then boot.js is served from the file /js/boot.js instead of the
|
|
compiled version.</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-3ADEBUG-MODE-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-3ADEBUG-MODE-20FUNCTION-29" >DEBUG-MODE</a></span></span> <span class="locative-args">OBJ</span></span></p>
|
|
|
|
<p>Turn on browser console debugging for <code>OBJ</code>'s connection.</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-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>CLOG-Group - Utility Class for CLOG-Obj storage</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-GROUP-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-GROUP-20CLASS-29" >CLOG-GROUP</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-GROUP-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-3ACREATE-GROUP-20FUNCTION-29" >CREATE-GROUP</a></span></span> <span class="locative-args"></span></span></p>
|
|
|
|
<p>Return a new <a href="#x-28CLOG-3ACLOG-GROUP-20CLASS-29" title="(CLOG:CLOG-GROUP CLASS)"><code>CLOG-GROUP</code></a> object for storing <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a>s. They are indexed by
|
|
their <a href="#x-28CLOG-3AHTML-ID-20GENERIC-FUNCTION-29" title="(CLOG:HTML-ID GENERIC-FUNCTION)"><code>HTML-ID</code></a>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AADD-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-20GENERIC-FUNCTION-29" >ADD</a></span></span> <span class="locative-args">CLOG-GROUP CLOG-OBJ &KEY NAME</span></span></p>
|
|
|
|
<p>Add <code>CLOG-OBJ</code> to a <code>CLOG-GROUP</code> indexed by the html-id of
|
|
<code>CLOG-OBJ</code> unless <code>:NAME</code> is set and is used instead.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AOBJ-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AOBJ-20GENERIC-FUNCTION-29" >OBJ</a></span></span> <span class="locative-args">CLOG-GROUP NAME</span></span></p>
|
|
|
|
<p>Retrieve from <code>CLOG-GROUP</code> the <a href="#x-28CLOG-3ACLOG-OBJ-20CLASS-29" title="(CLOG:CLOG-OBJ CLASS)"><code>CLOG-OBJ</code></a> with name</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG</code> JS 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-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-3ALF-TO-BR-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-3ALF-TO-BR-20FUNCTION-29" >LF-TO-BR</a></span></span> <span class="locative-args">STR</span></span></p>
|
|
|
|
<p>Change line feeds to <br>.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG</code> Color utilities</p>
|
|
|
|
<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><code>CLOG</code> Unit utilities</p>
|
|
|
|
<p><a id='x-28CLOG-3AUNIT-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-3AUNIT-20FUNCTION-29" >UNIT</a></span></span> <span class="locative-args">UNIT-TYPE VALUE</span></span></p>
|
|
|
|
<p>produce a string from numeric value with <code>UNIT-TYPE</code> appended.</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. clog-* keys are reserved
|
|
for internal use of clog. The key "clog-body" is set to the
|
|
clog-body of this connection.</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 &KEY ONE-TIME</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. If <code>:ONE-TIME</code> unbind
|
|
event on right click.</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 &KEY ONE-TIME</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. If <code>:ONE-TIME</code> unbind event on click.</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 &KEY ONE-TIME</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 &KEY ONE-TIME</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 &KEY ONE-TIME</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 &KEY ONE-TIME</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 &KEY ONE-TIME</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-POINTER-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-POINTER-ENTER-20GENERIC-FUNCTION-29" >SET-ON-POINTER-ENTER</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-ENTER-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-POINTER-ENTER-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-POINTER-ENTER-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-POINTER-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-POINTER-LEAVE-20GENERIC-FUNCTION-29" >SET-ON-POINTER-LEAVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-LEAVE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-POINTER-LEAVE-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-POINTER-LEAVE-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-POINTER-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-POINTER-OVER-20GENERIC-FUNCTION-29" >SET-ON-POINTER-OVER</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-OVER-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-POINTER-OVER-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-POINTER-OVER-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-POINTER-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-POINTER-OUT-20GENERIC-FUNCTION-29" >SET-ON-POINTER-OUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-OUT-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-POINTER-OUT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-POINTER-OUT-HANDLER</code>
|
|
is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-POINTER-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-POINTER-DOWN-20GENERIC-FUNCTION-29" >SET-ON-POINTER-DOWN</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-DOWN-HANDLER &KEY CAPTURE-POINTER ONE-TIME</span></span></p>
|
|
|
|
<p>Set the <code>ON-POINTER-DOWN-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-POINTER-DOWN-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-POINTER-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-POINTER-UP-20GENERIC-FUNCTION-29" >SET-ON-POINTER-UP</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-UP-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-POINTER-UP-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-POINTER-UP-HANDLER</code> is nil unbind the event.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-POINTER-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-POINTER-MOVE-20GENERIC-FUNCTION-29" >SET-ON-POINTER-MOVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-MOVE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-POINTER-MOVE-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
<code>ON-POINTER-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 &KEY ONE-TIME</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 &KEY ONE-TIME DISABLE-DEFAULT</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. If disable-default is t
|
|
default key bindings in browser will not occur. Setting this event to
|
|
nil will unbind on-key-press also.</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 &KEY ONE-TIME DISABLE-DEFAULT</span></span></p>
|
|
|
|
<p>Set the <code>ON-KEY-DOWN-HANDLER</code> for <code>CLOG-OBJ</code>. If
|
|
disable-default is t default key bindings in browser will not occur.
|
|
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 &KEY ONE-TIME</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 &KEY ONE-TIME DISABLE-DEFAULT</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 HTML-ID 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>. If <code>HTML-ID</code> is nil one will be generated.</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 and
|
|
must be in DOM, ie placed or auto-placed.</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-3ATEXT-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-3ATEXT-SHADOW-20GENERIC-FUNCTION-29" >TEXT-SHADOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Get/Setf text-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-3AREMOVE-FROM-CLOG-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-CLOG-20GENERIC-FUNCTION-29" >REMOVE-FROM-CLOG</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Remove CLOG-Element from the clog cache on browser.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ADESTROY-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ADESTROY-20GENERIC-FUNCTION-29" >DESTROY</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Remove CLOG-Element from the DOM on browser and clog cache
|
|
on browser.</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> element.</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-STYLE-BLOCK-20MGL-PAX-3ASECTION-29" title="CLOG Style Blocks">→</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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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>. If hidden it true visiblep is set to nil.</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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CONTENT CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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 HIDDEN CLASS HTML-ID 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-STYLE-BLOCK-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-FORM-20MGL-PAX-3ASECTION-29" title="CLOG Form Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-STYLE-BLOCK-20MGL-PAX-3ASECTION-29" title="CLOG Style Blocks">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-STYLE-BLOCK-20MGL-PAX-3ASECTION-29">9 CLOG Style Blocks</a></h2>
|
|
|
|
<p>CLOG-Style-Block - <code>CLOG</code> Style Blocks</p>
|
|
|
|
<p><a id='x-28CLOG-3ACLOG-STYLE-BLOCK-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-STYLE-BLOCK-20CLASS-29" >CLOG-STYLE-BLOCK</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> style-blocks for applying css styles.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ACREATE-STYLE-BLOCK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<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-STYLE-BLOCK-20GENERIC-FUNCTION-29" >CREATE-STYLE-BLOCK</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT MEDIA HTML-ID AUTO-PLACE</span></span></p>
|
|
|
|
<p>Ideally style blocks should be created in the (head body)
|
|
clog-element but can be placed anywhere on a document and are applied as found
|
|
in the document. Although they are not 'scoped'. Media is a css media query
|
|
defaulting to all. To load CSS style sheets from files see <a href="#x-28CLOG-3ALOAD-CSS-20GENERIC-FUNCTION-29" title="(CLOG:LOAD-CSS GENERIC-FUNCTION)"><code>LOAD-CSS</code></a> in
|
|
clog-document. The add-style method can be used or can directly use the
|
|
<a href="#x-28CLOG-3ATEXT-20GENERIC-FUNCTION-29" title="(CLOG:TEXT GENERIC-FUNCTION)"><code>TEXT</code></a> method to access blocks content.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3AADD-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-3AADD-STYLE-20GENERIC-FUNCTION-29" >ADD-STYLE</a></span></span> <span class="locative-args">CLOG-STYLE-BLOCK SELECTOR-TYPE SELECTOR STYLE-ALIST</span></span></p>
|
|
|
|
<p>Add to style-block an alist of css styles to affect
|
|
selector. For example:
|
|
(add-style :element "a" '(("text-decoration" :none)))</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-STYLE-BLOCK-20MGL-PAX-3ASECTION-29" title="CLOG Style Blocks">←</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">10 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 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 HTML-ID 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 CLASS HTML-ID</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 CLASS HTML-ID</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-3ACHECKBOX-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-3ACHECKBOX-VALUE-20GENERIC-FUNCTION-29" >CHECKBOX-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>
|
|
|
|
<p>Returns t or nil on the selected checkbox button.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3ASELECT-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-3ASELECT-VALUE-20GENERIC-FUNCTION-29" >SELECT-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>
|
|
|
|
<p>Returns the value of select item called <code>NAME</code> and must
|
|
be unique name on entire document.</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 CLASS HTML-ID</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 CLASS HTML-ID</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 CLASS HTML-ID</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 HTML-ID CLASS</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 HTML-ID</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 CLASS HTML-ID</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">11 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-CONTEXT2D X Y</span></span></p>
|
|
|
|
<p>Moves start point of path.</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-GUI-20MGL-PAX-3ASECTION-29" title="CLOG GUI 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">12 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 HTML-ID 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 HTML-ID AUTO-PLACE</span></span></p>
|
|
|
|
<p>Create a <code>CLOG</code> video control</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-GUI-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-WEB-20MGL-PAX-3ASECTION-29" title="CLOG Web Objects">→</a> <a href="#x-28CLOG-3A-40CLOG-GUI-20MGL-PAX-3ASECTION-29" title="CLOG GUI Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-GUI-20MGL-PAX-3ASECTION-29">13 CLOG GUI Objects</a></h2>
|
|
|
|
<h6>[in package CLOG-GUI]</h6>
|
|
|
|
<p><code>CLOG-GUI</code> - Desktop GUI abstraction for <code>CLOG</code></p>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACLOG-GUI-INITIALIZE-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-GUI-3ACLOG-GUI-INITIALIZE-20FUNCTION-29" >CLOG-GUI-INITIALIZE</a></span></span> <span class="locative-args">CLOG-BODY &KEY (W3-CSS-URL "/css/w3.css") (JQUERY-UI-CSS "/css/jquery-ui.css") (JQUERY-UI "/js/jquery-ui.js")</span></span></p>
|
|
|
|
<p>Initializes clog-gui and installs a clog-gui object on connection.
|
|
If <code>W3-CSS-URL</code> has not been loaded before is installed unless is nil.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-GUI</code> - Menus</p>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACLOG-GUI-MENU-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-GUI-3ACLOG-GUI-MENU-BAR-20CLASS-29" >CLOG-GUI-MENU-BAR</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Menu bar</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACREATE-GUI-MENU-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-GUI-3ACREATE-GUI-MENU-BAR-20GENERIC-FUNCTION-29" >CREATE-GUI-MENU-BAR</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Attached a menu bar to a <code>CLOG-OBJ</code> in general a
|
|
clog-body.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACLOG-GUI-MENU-DROP-DOWN-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-GUI-3ACLOG-GUI-MENU-DROP-DOWN-20CLASS-29" >CLOG-GUI-MENU-DROP-DOWN</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Drop down menu</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACREATE-GUI-MENU-DROP-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-GUI-3ACREATE-GUI-MENU-DROP-DOWN-20GENERIC-FUNCTION-29" >CREATE-GUI-MENU-DROP-DOWN</a></span></span> <span class="locative-args">CLOG-GUI-MENU-BAR &KEY CONTENT CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Attached a menu bar drop-down to a <code>CLOG-GUI-MENU-BAR</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACLOG-GUI-MENU-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-GUI-3ACLOG-GUI-MENU-ITEM-20CLASS-29" >CLOG-GUI-MENU-ITEM</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-SPAN-20CLASS-29" title="(CLOG:CLOG-SPAN CLASS)">CLOG-SPAN</a></span></span></p>
|
|
|
|
<p>Menu item</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACREATE-GUI-MENU-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-GUI-3ACREATE-GUI-MENU-ITEM-20GENERIC-FUNCTION-29" >CREATE-GUI-MENU-ITEM</a></span></span> <span class="locative-args">CLOG-GUI-MENU-DROP-DOWN &KEY CONTENT ON-CLICK CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Attached a menu item to a <code>CLOG-GUI-MENU-DROP-DOWN</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACREATE-GUI-MENU-WINDOW-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-GUI-3ACREATE-GUI-MENU-WINDOW-SELECT-20GENERIC-FUNCTION-29" >CREATE-GUI-MENU-WINDOW-SELECT</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Attached a clog-select as a menu item that auto updates
|
|
with open windows and maximizes them unless is a keep-on-top window or
|
|
on-window-can-maximize returns nil. Only one instance allowed.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACREATE-GUI-MENU-FULL-SCREEN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ACREATE-GUI-MENU-FULL-SCREEN-20GENERIC-FUNCTION-29" >CREATE-GUI-MENU-FULL-SCREEN</a></span></span> <span class="locative-args">CLOG-GUI-MENU-BAR &KEY HTML-ID</span></span></p>
|
|
|
|
<p>Add as last item in menu bar to allow for a full screen
|
|
icon ⤢ and full screen mode.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACREATE-GUI-MENU-ICON-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ACREATE-GUI-MENU-ICON-20GENERIC-FUNCTION-29" >CREATE-GUI-MENU-ICON</a></span></span> <span class="locative-args">CLOG-GUI-MENU-BAR &KEY IMAGE-URL ON-CLICK CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Add icon as menu bar item.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-GUI</code> - Window System</p>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACURRENT-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-GUI-3ACURRENT-WINDOW-20GENERIC-FUNCTION-29" >CURRENT-WINDOW</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get the current selected clog-gui-window</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AMENU-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-GUI-3AMENU-BAR-20GENERIC-FUNCTION-29" >MENU-BAR</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get/setf window menu-bar. This is set buy
|
|
create-gui-menu-bar.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AMENU-BAR-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-GUI-3AMENU-BAR-HEIGHT-20GENERIC-FUNCTION-29" >MENU-BAR-HEIGHT</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get menu-bar height</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-COLLECTION-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AWINDOW-COLLECTION-20GENERIC-FUNCTION-29" >WINDOW-COLLECTION</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get hash table of open windows</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AMAXIMIZE-ALL-WINDOWS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AMAXIMIZE-ALL-WINDOWS-20GENERIC-FUNCTION-29" >MAXIMIZE-ALL-WINDOWS</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Maximize all windows</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ANORMALIZE-ALL-WINDOWS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ANORMALIZE-ALL-WINDOWS-20GENERIC-FUNCTION-29" >NORMALIZE-ALL-WINDOWS</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Normalize all windows</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-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-GUI-3ASET-ON-WINDOW-CHANGE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-CHANGE</a></span></span> <span class="locative-args">CLOG-OBJ HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-change <code>HANDLER</code>.
|
|
The on-window-change clog-obj received is the new window</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-GUI</code> - Individual Windows</p>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACLOG-GUI-WINDOW-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-GUI-3ACLOG-GUI-WINDOW-20CLASS-29" >CLOG-GUI-WINDOW</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></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACREATE-GUI-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-GUI-3ACREATE-GUI-WINDOW-20GENERIC-FUNCTION-29" >CREATE-GUI-WINDOW</a></span></span> <span class="locative-args">CLOG-OBJ &KEY TITLE CONTENT LEFT TOP WIDTH HEIGHT MAXIMIZE HAS-PINNER KEEP-ON-TOP HIDDEN CLIENT-MOVEMENT HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-gui-window. If client-movement is t then
|
|
use jquery-ui to move/resize and will not work on mobile. When client-movement
|
|
is t only on-window-move is fired once at start of drag and on-window-move-done
|
|
at end of drag and on-window-resize at start of resize and
|
|
on-window-resize-done at end of resize. If has-pinner a toggle wil appear on
|
|
title bar to allow pinning the window in place, if keep-on-top t then when
|
|
pinned also will keep-on-top. If had-pinned is nil and keep-on-top t then
|
|
the window will be set to keep-on-top always.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-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-GUI-3AWINDOW-TITLE-20GENERIC-FUNCTION-29" >WINDOW-TITLE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Get/setf window title</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-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-GUI-3AWINDOW-CONTENT-20GENERIC-FUNCTION-29" >WINDOW-CONTENT</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Get window content element.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-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-GUI-3AWINDOW-FOCUS-20GENERIC-FUNCTION-29" >WINDOW-FOCUS</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Set <code>CLOG-GUI-WINDOW</code> as focused window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-CLOSE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AWINDOW-CLOSE-20GENERIC-FUNCTION-29" >WINDOW-CLOSE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Close <code>CLOG-GUI-WINDOW</code>. on-window-can-close is not called.
|
|
<code>CLOG-GUI-WINDOW</code> is removed from DOM but still present in the <code>CLOG</code> cache on
|
|
the browser.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-MAXIMIZED-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-GUI-3AWINDOW-MAXIMIZED-P-20GENERIC-FUNCTION-29" >WINDOW-MAXIMIZED-P</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Set <code>CLOG-GUI-WINDOW</code> as maximized window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-MAXIMIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AWINDOW-MAXIMIZE-20GENERIC-FUNCTION-29" >WINDOW-MAXIMIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Set <code>CLOG-GUI-WINDOW</code> as maximized window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-NORMALIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AWINDOW-NORMALIZE-20GENERIC-FUNCTION-29" >WINDOW-NORMALIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Set <code>CLOG-GUI-WINDOW</code> as normalized window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-TOGGLE-MAXIMIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AWINDOW-TOGGLE-MAXIMIZE-20GENERIC-FUNCTION-29" >WINDOW-TOGGLE-MAXIMIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Toggle <code>CLOG-GUI-WINDOW</code> as maximize window.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-KEEP-ON-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-GUI-3AWINDOW-KEEP-ON-TOP-20GENERIC-FUNCTION-29" >WINDOW-KEEP-ON-TOP</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Set <code>CLOG-GUI-WINDOW</code> to stay on top. Use window-focus to undue.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-MAKE-MODAL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AWINDOW-MAKE-MODAL-20GENERIC-FUNCTION-29" >WINDOW-MAKE-MODAL</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Set <code>CLOG-GUI-WINDOW</code> to stay on top and prevent all other
|
|
interactions. Use window-end-modal to undo.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-END-MODAL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AWINDOW-END-MODAL-20GENERIC-FUNCTION-29" >WINDOW-END-MODAL</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Set <code>CLOG-GUI-WINDOW</code> to end modal state.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AWINDOW-CENTER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3AWINDOW-CENTER-20GENERIC-FUNCTION-29" >WINDOW-CENTER</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>
|
|
|
|
<p>Center <code>CLOG-GUI-WINDOW</code> in browser.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-GUI</code> - Individual Window Events</p>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-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-GUI-3ASET-ON-WINDOW-FOCUS-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-FOCUS</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-focus <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-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-GUI-3ASET-ON-WINDOW-BLUR-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-BLUR</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-blur <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-CLOSE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-CLOSE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-CAN-CLOSE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-can-close <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-CLOSE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ASET-ON-WINDOW-CLOSE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-CLOSE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-close <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-MAXIMIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-MAXIMIZE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-CAN-MAXIMIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-can-maximize <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-NORMALIZE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-NORMALIZE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-CAN-NORMALIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-can-normalize <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-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-GUI-3ASET-ON-WINDOW-CAN-MOVE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-CAN-MOVE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-can-move <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-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-GUI-3ASET-ON-WINDOW-CAN-SIZE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-CAN-SIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-can-size <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-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-GUI-3ASET-ON-WINDOW-MOVE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-MOVE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-move <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-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-GUI-3ASET-ON-WINDOW-SIZE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-SIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-size <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-MOVE-DONE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ASET-ON-WINDOW-MOVE-DONE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-MOVE-DONE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-move-done <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASET-ON-WINDOW-SIZE-DONE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-GUI-3ASET-ON-WINDOW-SIZE-DONE-20GENERIC-FUNCTION-29" >SET-ON-WINDOW-SIZE-DONE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>
|
|
|
|
<p>Set the on-window-size-done <code>HANDLER</code></p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-GUI</code> - Dialog Boxes</p>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AALERT-TOAST-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-GUI-3AALERT-TOAST-20FUNCTION-29" >ALERT-TOAST</a></span></span> <span class="locative-args">OBJ TITLE CONTENT &KEY (COLOR-CLASS "w3-red") (TIME-OUT <code>NIL</code>) (PLACE-TOP <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>
|
|
|
|
<p>Create an alert toast with option <code>:TIME-OUT</code>. If place-top is t then alert
|
|
is placed in DOM at top of html body instead of bottom of html body.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AALERT-DIALOG-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-GUI-3AALERT-DIALOG-20FUNCTION-29" >ALERT-DIALOG</a></span></span> <span class="locative-args">OBJ CONTENT &KEY (MODAL <code>T</code>) (TITLE "About") (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 300) (HEIGHT 200) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>
|
|
|
|
<p>Create an alert dialog box with <code>CONTENT</code> centered.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AINPUT-DIALOG-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-GUI-3AINPUT-DIALOG-20FUNCTION-29" >INPUT-DIALOG</a></span></span> <span class="locative-args">OBJ CONTENT ON-INPUT &KEY (MODAL <code>T</code>) (TITLE "Input") (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 300) (HEIGHT 200) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>
|
|
|
|
<p>Create an input dialog box with <code>CONTENT</code> centered and an input box.
|
|
Calls on-input with input box contents or nil if canceled.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ACONFIRM-DIALOG-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-GUI-3ACONFIRM-DIALOG-20FUNCTION-29" >CONFIRM-DIALOG</a></span></span> <span class="locative-args">OBJ CONTENT ON-INPUT &KEY (MODAL <code>T</code>) (TITLE "Confirm") (OK-TEXT "OK") (CANCEL-TEXT "Cancel") (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 300) (HEIGHT 200) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>
|
|
|
|
<p>Create a confirmation dialog box with <code>CONTENT</code> centered.
|
|
Calls on-input with t if confirmed or nil if canceled.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3AFORM-DIALOG-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-GUI-3AFORM-DIALOG-20FUNCTION-29" >FORM-DIALOG</a></span></span> <span class="locative-args">OBJ CONTENT FIELDS ON-INPUT &KEY (MODAL <code>T</code>) (TITLE "Form") (OK-TEXT "OK") (CANCEL-TEXT "Cancel") (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 400) (HEIGHT 500) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>
|
|
|
|
<p>Create a form dialog box with <code>CONTENT</code> followed by <code>FIELDS</code>.
|
|
<code>FIELDS</code> is a list of lists each list has:</p>
|
|
|
|
<pre><code>(1) Field name - Used for (name attribute)
|
|
(2) Field description - Used for label
|
|
(3) Field type - Optional (defaults to :text)
|
|
(4) Field type options - Optional
|
|
</code></pre>
|
|
|
|
<p>Special field types</p>
|
|
|
|
<p>Field Type Field Type Options
|
|
============= ==================
|
|
:filename default dir -- NOTE: This is <em>server</em> side!
|
|
:checkbox t if checked
|
|
:radiobox a-list ((label name)) a third value can be added "checked"
|
|
:select a-list ((label name)) a third value can be added "selected"
|
|
:text value
|
|
(any text input types also work :email, :tel, etc.
|
|
see <a href="#x-28CLOG-3AFORM-ELEMENT-TYPE-20-28TYPE-29-29" title="(CLOG:FORM-ELEMENT-TYPE (TYPE))"><code>FORM-ELEMENT-TYPE</code></a>)</p>
|
|
|
|
<p>Calls on-input after OK or Cancel with an a-list of field name to value
|
|
if confirmed or nil if canceled.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-GUI-3ASERVER-FILE-DIALOG-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-GUI-3ASERVER-FILE-DIALOG-20FUNCTION-29" >SERVER-FILE-DIALOG</a></span></span> <span class="locative-args">OBJ TITLE INITIAL-DIR ON-FILE-NAME &KEY (MODAL <code>T</code>) (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 375) (HEIGHT 420) (MAXIMIZE <code>NIL</code>) (INITIAL-FILENAME <code>NIL</code>) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>
|
|
|
|
<p>Create a local file dialog box called <code>TITLE</code> using <code>INITIAL-DIR</code> on server
|
|
machine, upon close <code>ON-FILE-NAME</code> called with filename or nil if failure.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-3A-40CLOG-WEB-20MGL-PAX-3ASECTION-29'></a></p>
|
|
|
|
<p><span class="outer-navigation"><span class="navigation"> <a href="#x-28CLOG-3A-40CLOG-GUI-20MGL-PAX-3ASECTION-29" title="CLOG GUI 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-WEB-20MGL-PAX-3ASECTION-29" title="CLOG Web Objects">↺</a></span></span></p>
|
|
|
|
<h2><a href="#x-28CLOG-3A-40CLOG-WEB-20MGL-PAX-3ASECTION-29">14 CLOG Web Objects</a></h2>
|
|
|
|
<h6>[in package CLOG-WEB]</h6>
|
|
|
|
<p><code>CLOG-WEB</code> - Web page abstraction for <code>CLOG</code></p>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-INITIALIZE-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-WEB-3ACLOG-WEB-INITIALIZE-20FUNCTION-29" >CLOG-WEB-INITIALIZE</a></span></span> <span class="locative-args">CLOG-BODY &KEY (W3-CSS-URL "/css/w3.css")</span></span></p>
|
|
|
|
<p>Initializes clog-web and installs a clog-web object on connection.
|
|
If <code>W3-CSS-URL</code> has not been loaded before is installed unless is nil.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ASET-MAXIMUM-PAGE-WIDTH-IN-PIXELS-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-WEB-3ASET-MAXIMUM-PAGE-WIDTH-IN-PIXELS-20FUNCTION-29" >SET-MAXIMUM-PAGE-WIDTH-IN-PIXELS</a></span></span> <span class="locative-args">CLOG-BODY WIDTH</span></span></p>
|
|
|
|
<p>The default width is 980 pixels.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-WEB</code> - General Containers</p>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-PANEL-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-WEB-3ACLOG-WEB-PANEL-20CLASS-29" >CLOG-WEB-PANEL</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Panel for web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-PANEL-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACREATE-WEB-PANEL-20GENERIC-FUNCTION-29" >CREATE-WEB-PANEL</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-panel. General container with 16px left
|
|
and right padding and 16x top and bottom margin. If hidden is t then then the
|
|
visiblep propetery will be set to nil on creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-CONTENT-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-WEB-3ACLOG-WEB-CONTENT-20CLASS-29" >CLOG-WEB-CONTENT</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Content for web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-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-WEB-3ACREATE-WEB-CONTENT-20GENERIC-FUNCTION-29" >CREATE-WEB-CONTENT</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT MAXIMUM-WIDTH HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-content. General container with 16px left
|
|
and right padding. If hidden is t then then the visiblep propetery will be set
|
|
to nil on creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-CODE-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-WEB-3ACLOG-WEB-CODE-20CLASS-29" >CLOG-WEB-CODE</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Code for web code</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-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-WEB-3ACREATE-WEB-CODE-20GENERIC-FUNCTION-29" >CREATE-WEB-CODE</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-code. Code content container.
|
|
If hidden is t then then the visiblep propetery will be set
|
|
to nil on creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-MAIN-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-WEB-3ACLOG-WEB-MAIN-20CLASS-29" >CLOG-WEB-MAIN</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Main for web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-MAIN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACREATE-WEB-MAIN-20GENERIC-FUNCTION-29" >CREATE-WEB-MAIN</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-main. Container for main content when
|
|
using a collapsable sidebar or other whole page shifting technique.
|
|
If hidden is t then then the visiblep propetery will be set to nil on
|
|
creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-SIDEBAR-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-WEB-3ACLOG-WEB-SIDEBAR-20CLASS-29" >CLOG-WEB-SIDEBAR</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Sidebar for web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-SIDEBAR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACREATE-WEB-SIDEBAR-20GENERIC-FUNCTION-29" >CREATE-WEB-SIDEBAR</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-sidebar. Container for sidebar content.
|
|
sidebars are create with the display property set to :none if hidden it t
|
|
and :block if nil. In general the visiblep property is used in clog, however
|
|
in clog-web-sidebar the block property is needed to activate its animations
|
|
if used. If using a sidebar that will take space on not collapse, make sure
|
|
to set the sidebar's size and set a margin equal to the size on the main
|
|
container.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-SIDEBAR-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-WEB-3ACLOG-WEB-SIDEBAR-ITEM-20CLASS-29" >CLOG-WEB-SIDEBAR-ITEM</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-BUTTON-20CLASS-29" title="(CLOG:CLOG-BUTTON CLASS)">CLOG-BUTTON</a></span></span></p>
|
|
|
|
<p>Sidebar-Item for web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-SIDEBAR-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-WEB-3ACREATE-WEB-SIDEBAR-ITEM-20GENERIC-FUNCTION-29" >CREATE-WEB-SIDEBAR-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-sidebar-item. A sidebar menu bar item.
|
|
If hidden is t then then the visiblep propetery will be set to nil on
|
|
creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-SIDEBAR-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-WEB-3ACLOG-WEB-SIDEBAR-ITEM-20CLASS-29" >CLOG-WEB-SIDEBAR-ITEM</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-BUTTON-20CLASS-29" title="(CLOG:CLOG-BUTTON CLASS)">CLOG-BUTTON</a></span></span></p>
|
|
|
|
<p>Sidebar-Item for web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-SIDEBAR-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-WEB-3ACREATE-WEB-SIDEBAR-ITEM-20GENERIC-FUNCTION-29" >CREATE-WEB-SIDEBAR-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-sidebar-item. A sidebar menu bar item.
|
|
If hidden is t then then the visiblep propetery will be set to nil on
|
|
creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-COMPOSITOR-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-WEB-3ACLOG-WEB-COMPOSITOR-20CLASS-29" >CLOG-WEB-COMPOSITOR</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Compositor for compositing layers of web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-COMPOSITOR-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACREATE-WEB-COMPOSITOR-20GENERIC-FUNCTION-29" >CREATE-WEB-COMPOSITOR</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-compositor. Allows compositing of content
|
|
on top of other content. Content is added as children and then
|
|
composit-location is called on the object of that content. If hidden is t then
|
|
then the visiblep propetery will be set to nil on creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AWEB-PADDING-CLASS-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-WEB-3AWEB-PADDING-CLASS-TYPE-20-28TYPE-29-29" >WEB-PADDING-CLASS-TYPE</a></span></span></span></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-ON-HOVER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACOMPOSITE-ON-HOVER-20GENERIC-FUNCTION-29" >COMPOSITE-ON-HOVER</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on on-hover.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-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-WEB-3ACOMPOSITE-POSITION-20GENERIC-FUNCTION-29" >COMPOSITE-POSITION</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY TOP LEFT PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> to coordinate top left.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-TOP-MIDDLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACOMPOSITE-TOP-MIDDLE-20GENERIC-FUNCTION-29" >COMPOSITE-TOP-MIDDLE</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on top-middle.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-TOP-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-WEB-3ACOMPOSITE-TOP-LEFT-20GENERIC-FUNCTION-29" >COMPOSITE-TOP-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on top-left.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-TOP-RIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACOMPOSITE-TOP-RIGHT-20GENERIC-FUNCTION-29" >COMPOSITE-TOP-RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on top-right.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-BOTTOM-MIDDLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACOMPOSITE-BOTTOM-MIDDLE-20GENERIC-FUNCTION-29" >COMPOSITE-BOTTOM-MIDDLE</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on bottom-middle.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-BOTTOM-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-WEB-3ACOMPOSITE-BOTTOM-LEFT-20GENERIC-FUNCTION-29" >COMPOSITE-BOTTOM-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on bottom-left.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-BOTTOM-RIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACOMPOSITE-BOTTOM-RIGHT-20GENERIC-FUNCTION-29" >COMPOSITE-BOTTOM-RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on bottom-right.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-MIDDLE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACOMPOSITE-MIDDLE-20GENERIC-FUNCTION-29" >COMPOSITE-MIDDLE</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on middle.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-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-WEB-3ACOMPOSITE-LEFT-20GENERIC-FUNCTION-29" >COMPOSITE-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on left.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACOMPOSITE-RIGHT-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACOMPOSITE-RIGHT-20GENERIC-FUNCTION-29" >COMPOSITE-RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT &KEY PADDING-CLASS</span></span></p>
|
|
|
|
<p>Composite <code>CLOG-ELEMENT</code> on right.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-WEB</code> - Auto Layout System</p>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-AUTO-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-WEB-3ACLOG-WEB-AUTO-ROW-20CLASS-29" >CLOG-WEB-AUTO-ROW</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Content for web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-AUTO-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-WEB-3ACREATE-WEB-AUTO-ROW-20GENERIC-FUNCTION-29" >CREATE-WEB-AUTO-ROW</a></span></span> <span class="locative-args">CLOG-OBJ &KEY HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-auto-row. Container for auto-columns
|
|
If hidden is t then then the visiblep propetery will be set to nil on
|
|
creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-AUTO-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-WEB-3ACLOG-WEB-AUTO-COLUMN-20CLASS-29" >CLOG-WEB-AUTO-COLUMN</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Content for web content</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-AUTO-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-WEB-3ACREATE-WEB-AUTO-COLUMN-20GENERIC-FUNCTION-29" >CREATE-WEB-AUTO-COLUMN</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT VERTICAL-ALIGN HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-auto-column. Container for auto-columns
|
|
If hidden is t then then the visiblep propetery will be set to nil on
|
|
creation.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-WEB</code> - 12 Column Grid Layout System</p>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-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-WEB-3ACLOG-WEB-ROW-20CLASS-29" >CLOG-WEB-ROW</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Row to contain columns of web content in 12 column grid</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-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-WEB-3ACREATE-WEB-ROW-20GENERIC-FUNCTION-29" >CREATE-WEB-ROW</a></span></span> <span class="locative-args">CLOG-OBJ &KEY PADDING HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-row. If padding is true 8px left and
|
|
right padding is addded. If hidden is t then then the visiblep propetery will
|
|
be set to nil on creation.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-CONTAINER-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-WEB-3ACLOG-WEB-CONTAINER-20CLASS-29" >CLOG-WEB-CONTAINER</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Container cells for web content in 12 column grid</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-CONTAINER-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACREATE-WEB-CONTAINER-20GENERIC-FUNCTION-29" >CREATE-WEB-CONTAINER</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CONTENT COLUMN-SIZE HIDDEN CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Create a clog-web-container. <code>COLUMN-SIZE</code> can be of type
|
|
container-size-type when to set size displayed on medium and large screens
|
|
or can use a string of "s1-12 m1-12 l1-12" s m or l followed by how many
|
|
columns this container uses on small, medium or large screens. Small screens
|
|
are always displayed full row. Total columns must add to 12 or one needs to
|
|
be of type :w3-rest to fill space. If hidden is t then then the visiblep
|
|
propetery will be set to nil on creation.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-WEB</code> - Look and Feel</p>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AADD-CARD-LOOK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3AADD-CARD-LOOK-20GENERIC-FUNCTION-29" >ADD-CARD-LOOK</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Change clog-element to use 2px card look</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AADD-HARD-CARD-LOOK-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3AADD-HARD-CARD-LOOK-20GENERIC-FUNCTION-29" >ADD-HARD-CARD-LOOK</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Change clog-element to use 4px card look</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-WEB</code> - Mobile</p>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AFULL-ROW-ON-MOBILE-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3AFULL-ROW-ON-MOBILE-20GENERIC-FUNCTION-29" >FULL-ROW-ON-MOBILE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Change element to display:block, take up the full row, when
|
|
screen size smaller then 601 pixels DP</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AHIDE-ON-SMALL-SCREENS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3AHIDE-ON-SMALL-SCREENS-20GENERIC-FUNCTION-29" >HIDE-ON-SMALL-SCREENS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Hide element on screens smaller then 601 pixels DP</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AHIDE-ON-MEDIUM-SCREENS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3AHIDE-ON-MEDIUM-SCREENS-20GENERIC-FUNCTION-29" >HIDE-ON-MEDIUM-SCREENS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Hide element on screens smaller then 993 pixels DP</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AHIDE-ON-LARGE-SCREENS-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3AHIDE-ON-LARGE-SCREENS-20GENERIC-FUNCTION-29" >HIDE-ON-LARGE-SCREENS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
|
|
|
|
<p>Hide element on screens smaller then 993 pixels DP</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-WEB</code> - Menus</p>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-MENU-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-WEB-3ACLOG-WEB-MENU-BAR-20CLASS-29" >CLOG-WEB-MENU-BAR</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Menu bar</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-MENU-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-WEB-3ACREATE-WEB-MENU-BAR-20GENERIC-FUNCTION-29" >CREATE-WEB-MENU-BAR</a></span></span> <span class="locative-args">CLOG-OBJ &KEY CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Attached a menu bar to a <code>CLOG-OBJ</code> in general a
|
|
clog-body.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AWEB-MENU-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-WEB-3AWEB-MENU-BAR-20GENERIC-FUNCTION-29" >WEB-MENU-BAR</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get/setf window web-menu-bar. This is set buy
|
|
create-web-menu-bar.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3AWEB-MENU-BAR-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-WEB-3AWEB-MENU-BAR-HEIGHT-20GENERIC-FUNCTION-29" >WEB-MENU-BAR-HEIGHT</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>
|
|
|
|
<p>Get web-menu-bar height</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-MENU-DROP-DOWN-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-WEB-3ACLOG-WEB-MENU-DROP-DOWN-20CLASS-29" >CLOG-WEB-MENU-DROP-DOWN</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-DIV-20CLASS-29" title="(CLOG:CLOG-DIV CLASS)">CLOG-DIV</a></span></span></p>
|
|
|
|
<p>Drop down menu</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-MENU-DROP-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-WEB-3ACREATE-WEB-MENU-DROP-DOWN-20GENERIC-FUNCTION-29" >CREATE-WEB-MENU-DROP-DOWN</a></span></span> <span class="locative-args">CLOG-WEB-MENU-BAR &KEY CONTENT CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Attached a menu bar drop-down to a <code>CLOG-WEB-MENU-BAR</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-MENU-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-WEB-3ACLOG-WEB-MENU-ITEM-20CLASS-29" >CLOG-WEB-MENU-ITEM</a></span></span> <span class="locative-args"><a href="#x-28CLOG-3ACLOG-SPAN-20CLASS-29" title="(CLOG:CLOG-SPAN CLASS)">CLOG-SPAN</a></span></span></p>
|
|
|
|
<p>Menu item</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-MENU-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-WEB-3ACREATE-WEB-MENU-ITEM-20GENERIC-FUNCTION-29" >CREATE-WEB-MENU-ITEM</a></span></span> <span class="locative-args">CLOG-WEB-MENU-DROP-DOWN &KEY CONTENT ON-CLICK CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Attached a menu item to a <code>CLOG-WEB-MENU-DROP-DOWN</code></p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-MENU-FULL-SCREEN-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACREATE-WEB-MENU-FULL-SCREEN-20GENERIC-FUNCTION-29" >CREATE-WEB-MENU-FULL-SCREEN</a></span></span> <span class="locative-args">CLOG-WEB-MENU-BAR &KEY HTML-ID</span></span></p>
|
|
|
|
<p>Add as last item in menu bar to allow for a full screen
|
|
icon ⤢ and full screen mode.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACREATE-WEB-MENU-ICON-20GENERIC-FUNCTION-29'></a></p>
|
|
|
|
<ul>
|
|
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-WEB-3ACREATE-WEB-MENU-ICON-20GENERIC-FUNCTION-29" >CREATE-WEB-MENU-ICON</a></span></span> <span class="locative-args">CLOG-WEB-MENU-BAR &KEY IMAGE-URL ON-CLICK CLASS HTML-ID</span></span></p>
|
|
|
|
<p>Add icon as menu bar item.</p></li>
|
|
</ul>
|
|
|
|
<p><code>CLOG-WEB</code> - Interactions</p>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-ALERT-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-WEB-3ACLOG-WEB-ALERT-20FUNCTION-29" >CLOG-WEB-ALERT</a></span></span> <span class="locative-args">OBJ TITLE CONTENT &KEY (COLOR-CLASS "w3-red") (TIME-OUT <code>NIL</code>) (PLACE-TOP <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>
|
|
|
|
<p>Create an alert toast with option <code>:TIME-OUT</code>. If place-top is t then alert
|
|
is placed in DOM at top of <code>OBJ</code> instead of bottom of <code>OBJ</code>.</p></li>
|
|
</ul>
|
|
|
|
<p><a id='x-28CLOG-WEB-3ACLOG-WEB-FORM-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-WEB-3ACLOG-WEB-FORM-20FUNCTION-29" >CLOG-WEB-FORM</a></span></span> <span class="locative-args">OBJ CONTENT FIELDS ON-INPUT &KEY (MODAL <code>NIL</code>) (OK-TEXT "OK") (CANCEL-TEXT "Cancel") (HTML-ID <code>NIL</code>)</span></span></p>
|
|
|
|
<p>Create a form with <code>CONTENT</code> followed by <code>FIELDS</code>.
|
|
<code>FIELDS</code> is a list of lists each list has:</p>
|
|
|
|
<pre><code>(1) Field name - Used for (name attribute)
|
|
(2) Field description - Used for label
|
|
(3) Field type - Optional (defaults to :text)
|
|
(4) Field type options - Optional
|
|
</code></pre>
|
|
|
|
<p>Special field types</p>
|
|
|
|
<p>Field Type Field Type Options
|
|
============= ==================
|
|
:checkbox t if checked
|
|
:radiobox a-list ((label name)) a third value can be added "checked"
|
|
:select a-list ((label name)) a third value can be added "selected"
|
|
:text value
|
|
(any text input types also work :email, :tel, etc.
|
|
see <a href="#x-28CLOG-3AFORM-ELEMENT-TYPE-20-28TYPE-29-29" title="(CLOG:FORM-ELEMENT-TYPE (TYPE))"><code>FORM-ELEMENT-TYPE</code></a>)</p>
|
|
|
|
<p>Calls on-input after OK or Cancel with an a-list of field name to value
|
|
if confirmed or nil if canceled. <code>CANCEL-TEXT</code> is only displayed if modal is t</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-WEB-20MGL-PAX-3ASECTION-29" title="CLOG Web 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">15 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">16 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 <code>CLOG-WINDOW</code>.
|
|
Return and empty string in order to prevent navigation off page.
|
|
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-WINDOW-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-WINDOW-BY-20GENERIC-FUNCTION-29" >MOVE-WINDOW-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-WINDOW-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-WINDOW-TO-20GENERIC-FUNCTION-29" >MOVE-WINDOW-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">17 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">OBJECT</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>CLOG-Document - Events</p>
|
|
|
|
<p><a id='x-28CLOG-3ASET-ON-FULL-SCREEN-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-FULL-SCREEN-CHANGE-20GENERIC-FUNCTION-29" >SET-ON-FULL-SCREEN-CHANGE</a></span></span> <span class="locative-args">CLOG-DOCUMENT ON-FULL-SCREEN-CHANGE-HANDLER</span></span></p>
|
|
|
|
<p>Set the <code>ON-FULL-SCREEN-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-FULL-SCREEN-CHANGE-HANDLER</code> is nil unbind the event.</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">18 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">19 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">20 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><a id='x-28CLOG-3ACLOG-REPL-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-REPL-20FUNCTION-29" >CLOG-REPL</a></span></span> <span class="locative-args"></span></span></p>
|
|
|
|
<p>Set a path /repl that opens a blank page and sets the global
|
|
clog-user:<em>body</em> to last window openned to /repl.</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">21 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>
|