Traversal methods and doc update

This commit is contained in:
David Botton 2021-01-04 09:51:53 -05:00
parent 443318c6ab
commit c998e04802
3 changed files with 702 additions and 4 deletions

View file

@ -1225,6 +1225,12 @@ parent in the DOM."))
;; border ;;
;;;;;;;;;;;;
(defgeneric border (clog-element)
(:documentation "Get/Setf border."))
(defmethod border ((obj clog-element))
(style obj "border"))
(defgeneric set-border (clog-element value)
(:documentation "Set border VALUE for CLOG-ELEMENT"))
@ -1236,6 +1242,12 @@ parent in the DOM."))
;; border-radius ;;
;;;;;;;;;;;;;;;;;;;
(defgeneric border-radius (clog-element)
(:documentation "Get/Setf border-radius."))
(defmethod border-radius ((obj clog-element))
(style obj "border-radius"))
(defgeneric set-border-radius (clog-element value)
(:documentation "Set border-radius VALUE for CLOG-ELEMENT"))
@ -1247,6 +1259,12 @@ parent in the DOM."))
;; box-shadow ;;
;;;;;;;;;;;;;;;;
(defgeneric box-shadow (clog-element)
(:documentation "Get/Setf box-shadow."))
(defmethod box-shadow ((obj clog-element))
(style obj "box-shadow"))
(defgeneric set-box-shadow (clog-element value)
(:documentation "Set box-shadow VALUE for CLOG-ELEMENT"))
@ -1258,6 +1276,12 @@ parent in the DOM."))
;; outline ;;
;;;;;;;;;;;;;
(defgeneric outline (clog-element)
(:documentation "Get/Setf outline."))
(defmethod border ((obj clog-element))
(style obj "outline"))
(defgeneric set-outline (clog-element value)
(:documentation "Set outline VALUE for CLOG-ELEMENT"))
@ -1269,6 +1293,12 @@ parent in the DOM."))
;; margin ;;
;;;;;;;;;;;;
(defgeneric margin (clog-element)
(:documentation "Get/Setf margin."))
(defmethod margin ((obj clog-element))
(style obj "margin"))
(defgeneric set-margin (clog-element value)
(:documentation "Set margin VALUE for CLOG-ELEMENT"))
@ -1280,6 +1310,12 @@ parent in the DOM."))
;; padding ;;
;;;;;;;;;;;;;
(defgeneric padding (clog-element)
(:documentation "Get/Setf padding."))
(defmethod padding ((obj clog-element))
(style obj "padding"))
(defgeneric set-padding (clog-element value)
(:documentation "Set padding VALUE for CLOG-ELEMENT"))
@ -1397,3 +1433,31 @@ parent in the DOM."))
(defmethod click ((obj clog-element))
(jquery-execute obj "click()"))
;;;;;;;;;;;;;;;;;
;; first-child ;;
;;;;;;;;;;;;;;;;;
(defgeneric first-child (clog-element)
(:documentation "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 HTML elemen."))
(defmethod first-child ((obj clog-element))
(make-clog-element
(connection-id obj)
(jquery-execute obj (format nil "children().first().attr('id');"))))
;;;;;;;;;;;;;;;;;;
;; next-sibling ;;
;;;;;;;;;;;;;;;;;;
(defgeneric next-sibling (clog-element)
(:documentation "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 HTML elemen."))
(defmethod next-sibling ((obj clog-element))
(make-clog-element
(connection-id obj)
(jquery-execute obj (format nil "next().attr('id');"))))

View file

@ -207,11 +207,15 @@ application."
(vertical-align generic-function)
"CLOG-Element - Methods"
(addClass generic-function)
(removeClass generic-function)
(toggleClass generic-function)
(add-class generic-function)
(remove-class generic-function)
(toggle-class generic-function)
(remove-from-dom generic-function)
(click generic-function))
(click generic-function)
"CLOG-Element - Traversal Methods"
(first-child generic-function)
(next-sibling generic-function))
(defsection @clog-body (:title "CLOG Body Objects")
"CLOG-Body - CLOG Body Objects"

View file

@ -117,6 +117,14 @@ located at <code>STATIC-ROOT</code>.</p></li>
<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 &quot;true&quot; if <code>VALUE</code> true</p></li>
</ul>
<p><a id='x-28CLOG-3AOPEN-BROWSER-20FUNCTION-29'></a></p>
<ul>
@ -629,6 +637,158 @@ and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OB
<p>Get/Setf editable.</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.</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.</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.</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.</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.</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></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 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.</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.</p></li>
</ul>
<p><a id='x-28CLOG-3ACLIENT-BOTTOM-20GENERIC-FUNCTION-29'></a></p>
<ul>
<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-BOTTOM-20GENERIC-FUNCTION-29" >CLIENT-BOTTOM</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
<p>Get client-bottom.</p></li>
</ul>
<p><a id='x-28CLOG-3ACLIENT-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-3ACLIENT-RIGHT-20GENERIC-FUNCTION-29" >CLIENT-RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
<p>Get client-right.</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-BOTTOM-20GENERIC-FUNCTION-29'></a></p>
<ul>
<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-BOTTOM-20GENERIC-FUNCTION-29" >OFFSET-BOTTOM</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
<p>Get offset-bottom.</p></li>
</ul>
<p><a id='x-28CLOG-3AOFFSET-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-3AOFFSET-RIGHT-20GENERIC-FUNCTION-29" >OFFSET-RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
<p>Get offset-right.</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>
@ -686,6 +846,476 @@ elements wrap around it.</p></li>
<p>Get/Setf display.</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.</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.</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.</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.</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.</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.</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-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-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-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.</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.</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-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.</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.</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.</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-20GENERIC-FUNCTION-29'></a></p>
<ul>
<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.</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.</p></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.</p></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.</p></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.</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.</p></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/Setf border.</p></li>
</ul>
<p><a id='x-28CLOG-3ABORDER-RADIUS-20GENERIC-FUNCTION-29'></a></p>
<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABORDER-RADIUS-20GENERIC-FUNCTION-29" >BORDER-RADIUS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
<p>Get/Setf border-radius.</p></li>
</ul>
<p><a id='x-28CLOG-3ABOX-SHADOW-20GENERIC-FUNCTION-29'></a></p>
<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ABOX-SHADOW-20GENERIC-FUNCTION-29" >BOX-SHADOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
<p>Get/Setf box-shadow.</p></li>
</ul>
<p><a id='x-28CLOG-3AOUTLINE-20GENERIC-FUNCTION-29'></a></p>
<ul>
<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/Setf outline.</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/Setf margin.</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/Setf padding.</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.</p></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-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 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 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 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-from-dom.</p></li>
</ul>
<p><a id='x-28CLOG-3ACLICK-20GENERIC-FUNCTION-29'></a></p>
<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3ACLICK-20GENERIC-FUNCTION-29" >CLICK</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
<p>simulate click.</p></li>
</ul>
<p>CLOG-Element - Traversal Methods</p>
<p><a id='x-28CLOG-3AFIRST-CHILD-20GENERIC-FUNCTION-29'></a></p>
<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#x-28CLOG-3AFIRST-CHILD-20GENERIC-FUNCTION-29" >FIRST-CHILD</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>
<p>Traverse to first child element. If Child does not have an
html id than Element_Type will have an ID of undefined and therefore attached
to no actual <code>HTML</code> elemen.</p></li>
</ul>
<p><a id='x-28CLOG-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-BODY-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">&#8592;</a> <a href="#x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29" title="The CLOG manual">&#8593;</a> <a href="#x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29" title="CLOG Window Objects">&#8594;</a> <a href="#x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29" title="CLOG Body Objects">&#8634;</a></span></span></p>