Keep it short and descriptive.
Elaborate a little on your idea.
Why do you want to see this?
Why is this a good idea?
Do you know of any risks related to your idea?
You may choose up to 50 financial products to include


Hello, my name is Dylan Hodges. I grew up in Upper Hutt but moved to Wairarapa when I was 13.
I love animals. when I felt I needed to take a break I would go play with my cat.
I also enjoy playing games. mainly Overwatch. so if you're keen to play. let me know!
I have had a lot of stuggles in my life. From getting my heart broken to being homeless. These experiences have helped shape me into who I am today.


Introduction
(current)
User Default Parameters
register new Parameter
about
This is a privately run website
Impressum
Gerd Forstmann,
Gleiwitzer Strasse 11, 68753 Waghäusel, Germany
e-mail<EMAIL_ADDRESS>beware
Beware, the site or site content may be removed at any time
more useful references
This site was built using node.js, bootstrap, postgres SQL and the heroku platform, among others.


Louisiana Department of Health reports second death related to vaping
by KNOEBATON ROUGE, La. (WVUE) - The Louisiana Department of Health is reporting that a second person has died from complications related to vaping.
This is the second vaping-related death in Louisiana this week with the first death being confirmed Monday.
So far there have been 32 cases of lung injuries reported between August of 2019 until now.
The State Health Department has blamed three chemicals for an outbreak in lung illness cases with Vitamin E acetate being considered the main culprit. Vitamin E acetate serves as a thickening agent for the oil used in some e-cigarettes.
The State Health Department states if you do vape, monitor your symptoms for severe side effects and seek medical attention.
Copyright 2019 WVUE. All rights reserved.


*fuseIfOnDom
is a helper directive that detaches and re-attaches the given element if it's
currently in the DOM. This will help in various cases such as charts that don't resize properly or
animations that don't wait to route to be loaded completely.


Visualized Environment for Search Methods
Home
(current)
About
Generate Numbers
Toggle Dropdown
Exponential Distribution
Logarithmic Distribution
Geometric Distribution
Linear Search
Binary Search
Jump Search
Interpolation Search
Exponential Search
Fibonacci Search
settings
Dark Mode
Clear
Help Container
Steps Container
Pause
Next Step
Skip Forward
1000
expand_more
chevron_right
Help
drag_handle
Press a Search Button
A manual for this search will appear hear
expand_more
chevron_right
Step by Step
drag_handle
You will see the steps of every search you run...
This message handled in javascript


A modular AngularJS User Management UI package
ngx-user-admin is a npm package designed for use with the Erdiko User Admin Module but is easily extended for use in other projects. Secured with routing guards and JWT tokens, this package is a great start (or end) for secure user management.
The UI relies upon the Twitter Bootstrap / ngx-bootstrap projects and is easily modified for customization by extending the components.
Note this is an active development project and not quite ready for production yet. A stable V1 is due for release end of June 2017.
This package is included as a dependency with our user-admin project by default. We highly suggest you check out this package for all your user administration needs.
If you would like to use this package with your custom package, you will need to provide matching AJAX responses or extend the services. For more information, please refer to our documentation (coming soon).
Manual installation of this package is also quite simple and is required for local development:
npm i --save-dev @erdiko/ngx-user-admin
npm run build
npm run test
The easiest way to install this package locally is as a depedency of our user-admin project, but you must install the package locally and link to it if you wish to edit the code and test your changes.
First you must link your local package then follow our guidelines for local development.
As a rule, edit code in the src
directory and link the compiled bundle from the dist
directory.
dist
directory via npm link
npm i
src
directorynpm run build
and test in the user-admin applicationNPM's Link command allows you to install a locally hosted package into your project.
Please note that if/when you delete your node_modules directory the link will remain present and will be installed on subseuqent installs! Please refer to the npm docs on how to remove the link when you are done developing!
ngx-user-admin
package and navigate to the dist
directorynpm link
user-admin
package, navigate to the angular application directory app/themes/user-admin
, and install the package link with this command: npm link @erdiko/ngx-user-admin
The package itself provides the following elements:
More info can be found in our full documentation (coming soon).
The app consists of a few simple routes with more to be added in the near future. All of these can be found in the user-admin
module.
Presents a basic login form requiring the user to enter an email and password.
This is default view for logged out users.
Presents a list of links allowing the user to access the remaining routes.
Presents a sortable list of users returned via AJAX from the Users Service.
Presents a sortable list showing user events returned via AJAX from the Users Service.
Presents a form allowing the current user to edit a provided user record, and the User Event log.
Handles AJAX login requests from the Login Component and is responsible for creating the localstorage record indicating a logged in user.
This service is used by the Login Component described below.
This service manages the following actions and AJAX endpoints:
An observable service to handle the flash messaging displayed below the header component. This service is paired with the message component to display application messaging and results from a user action.
Routing guard that only allows logged in users to access a route by verifying the user record stored in localstorage.
Retrieves and provides a user record based upon an ID from the User Edit Route. This guard prevents the User Edit route from loading until it finds an expected user.
A model representing a single User Record when returned from the Users Service.
Component that displays a flash message that uses the Messages Service to provide messaging.
Component that displays a login form prompting the user for an email and password.
This component is the default view for logged out users.
Component to display links to the application routes.
Component displaying a list of application routes.
This is the default view for a logged in user.
Component displaying a sortable list of application Users.
Component displaying a form allowing the user to create a new user or edit an existing user.
It requires the password component to allow the user to edit a user's password.
Component that displays a simple form allowing the user to edit a user's password.
Component displaying a sortable list of application Users.
Component displaying the events for a specific user.
Arroyo Labs - For sponsoring development, http://arroyolabs.com


So, let me tell you about the time I met .
One Sunday afternoon, I was getting ready to meet a friend at . On my way to , I walked past an art store, and the displaying behind the window caught my eyes. As I am looking at the , I trip over a , and fall to my face. I quickly get up from the floor, and soon realize that my is bleeding. I run into the closest CVS and picked up some band-aids.
As I'm in the CVS, I suddenly realized that I needed to buy a . I look up and down the shelves and all I see are , , and , but no to be found. As I am walking through the different aisles, I see a person down the aisle. The person turns and makes eye contact with me. Instantly I recognize the person. It's motherf---ing !!!
They quickly turned around and walked out the store. I immediately start following out of the store. I see them go into a restaurant, and I slowing followed behind. Luckily, the hostess seated me at the table behind . A waiter walks up to the table amd starts taking their order.
"Can I get a number ."
The waiter repeats, "Ok so that'll be a ".
Wow, imagine being so rich that you can order that many food. After a few minutes of awkward silence, I could no longer hold it in. I got up from my table and walked towards .
"Sorry to bother you, but are you ?"
stares at with a blank look on their face and said, "No sorry, I'm ".


QLocalSocket Class Reference
Inherits QIODevice.
Constructor
- void QLocalSocket(QObject parent)
Constructor Properties
- prototype: The QLocalSocket prototype object
- UnconnectedState = QAbstractSocket::UnconnectedState
- ConnectingState = QAbstractSocket::ConnectingState
- ConnectedState = QAbstractSocket::ConnectedState
- ClosingState = QAbstractSocket::ClosingState
- LocalSocketState( value )
- UnknownSocketError = QAbstractSocket::UnknownSocketError
- ConnectionRefusedError = QAbstractSocket::ConnectionRefusedError
- PeerClosedError = QAbstractSocket::RemoteHostClosedError
- ServerNotFoundError = QAbstractSocket::HostNotFoundError
- SocketAccessError = QAbstractSocket::SocketAccessError
- SocketResourceError = QAbstractSocket::SocketResourceError
- SocketTimeoutError = QAbstractSocket::SocketTimeoutError
- DatagramTooLargeError = QAbstractSocket::DatagramTooLargeError
- ConnectionError = QAbstractSocket::NetworkError
- UnsupportedSocketOperationError = QAbstractSocket::UnsupportedSocketOperationError
- OperationError = QAbstractSocket::OperationError
- LocalSocketError( value )
Prototype Object Properties
The QLocalSocket prototype object inherits properties from the QIODevice prototype object and also has the following properties.
- void abort()
- void connectToServer(OpenMode openMode)
- void disconnectFromServer()
- LocalSocketError error()
- bool flush()
- String fullServerName()
- bool isValid()
- qint64 readBufferSize()
- String serverName()
- void setReadBufferSize(qint64 size)
- void setServerName(String name)
- LocalSocketState state()
- bool waitForConnected(int msecs)
- bool waitForDisconnected(int msecs)
Instance Properties
QLocalSocket objects have no special properties beyond those inherited from the QLocalSocket prototype object.


For Member page
Has USER ROLE
Has MANAGER ROLE
Has ADMIN ROLE
Only Authenticated user can see this page
Authenticated username:
Authenticated user roles:


England collapse offers New Zealand front running
New Zealand reached 50-1 at tea on day two after dismissing England for 353.
England proved old habits die hard as an all too familiar batting collapse gave New Zealand a foothold on day two of the first cricket Test in Mount Maunganui.
The tourists’ patient strategy on the opening day was squandered as the relative comfort of 277 for four became 295 for eight and eventually 353 all out after Jos Buttler and Jack Leach added 52 for the ninth wicket.
Sam Curran made inroads into New Zealand’s line-up with only his third ball, when Tom Latham peculiarly chose not to review the lbw decision against him although Hot Spot showed an inside edge onto his front pad.
Kane Williamson looked utterly unflustered in reaching 23 not out to lead New Zealand to 50 for one at tea.
Curran’s medium-fast pace may be the key on a slow Bay Oval surface where Kiwi pair Colin De Grandhomme and Tim Southee prospered – with the latter taking three wickets and a slip catch as England lost four wickets in 21 balls on the second morning.
England’s top-order had shown considerable restraint in reaching 241 for four on day one but the middle order were unable to build on the foundation as a succession of wickets fell.
Ben Stokes took to batting outside his crease as well as coming down the pitch to meet the ball, yet the more purposeful tactic led to his downfall on 91 as he chased a wide ball from Southee and edged into the cordon.
Ross Taylor atoned for dropping the all-rounder on 63 on day one with a sensational one-handed catch at first slip.
Ollie Pope had earlier successfully reviewed an lbw decision given against him on 18 but he fell for 29 after being tempted into flashing hard at one that swung gently away from him and nicking to wicketkeeper BJ Watling.
Southee had his second wicket in two balls when an in-swinger rapped Sam Curran on the pads and a review showed the ball would have clattered into middle and leg.
Archer survived the hat-trick ball but Southee could not be kept out of the action, taking a fine catch at slip after Trent Boult had found Archer’s outside edge.
Leach got off the mark with a quick single that would have had Buttler run out had Henry Nicholls hit the stumps from the off-side.
However, the English pair soaked up the initial pressure from the Kiwis and, moments before lunch, Buttler planted Boult straight down the ground for a towering six.
Buttler hogged the strike on the resumption but as he looked to move the score along he was dropped on 34 by Jeet Raval running to cover.
Mitch Santner proved a more reliable pair of hands at deep backward point in the next over as England’s wicketkeeper perished for 43.
Broad was peppered by the short ball from Wagner and then dragged on to his stumps when New Zealand’s left-arm enforcer went fuller and ended England’s innings.
Broad bowled three innocuous maidens while Archer was unable to hit 90mph in his opening three-over burst before making way for Curran, who made the breakthrough with his third delivery by trapping Latham in front.
Latham walked off, obviously oblivious to his inside edge and perhaps fooled by his bat brushing his pad before making contact with the ball.
While Williamson looked comfortable, Raval was fortunate he was not bowled after a Leach delivery hit his thigh pad and clipped leg stump, only for the bails to stay in place.


Forms General forms elements
Basic example
Horizontal form
Inline Form
Form Variants Extra elements
Horizontal form
Advanced Elements Useful componets
Horizontal form
Input Mask Like validation
Input Mask


Pacific Trails Resort a special lodging experience on the california North Coast with panoramic views of the Pacific Ocean. Your stay at Pacific trails Resort includes a sumptuously appointed private yurt and a cooked-to-order breakfast each morning.
Unwind in the heated outdoor pool and whirlpool
Explore the coast on your own or join out
relax in our lodge while enjoying complimentary appetizers and beverages


My first aquarium was a 1 gallon fish bowl with a goldfish I won at a carnival. It was an unexpected pet and was how I caught the fish keeping bug. Soon I had multiple goldfish, an algae eater, some freshwater plants, and a few cichlids. Those were the glory days, when I could count all of my livestock on my fingers, each had a special name, and keeping tabs on everyone with a quick visual scan of the 20 gallon tank was simple.
Science cuts two ways, of course; its products can be used for both good and evil. But there's no turning back from science. The early warnings about technological dangers also come from science.
What was most significant about the lunar voyage was not that man set foot on the Moon but that they set eye on the earth.
A Chinese tale tells of some men sent to harm a young girl who, upon seeing her beauty, become her protectors rather than her violators. That's how I felt seeing the Earth for the first time. I could not help but love and cherish her.
For those who have seen the Earth from space, and for the hundreds and perhaps thousands more who will, the experience most certainly changes your perspective. The things that we share in our world are far more valuable than those which divide us.
The Final Frontier
There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.
There can be no thought of finishing for ‘aiming for the stars.’ Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning.
The dreams of yesterday are the hopes of today and the reality of tomorrow. Science has not yet mastered prophecy. We predict too much for the next year and yet far too little for the next ten.
Spaceflights cannot be stopped. This is not the work of any one man or even a group of men. It is a historical process which mankind is carrying out in accordance with the natural laws of human development.
Reaching for the Stars
As we got further and further away, it [the Earth] diminished in size. Finally it shrank to the size of a marble, the most beautiful you can imagine. That beautiful, warm, living object looked so fragile, so delicate, that if you touched it with a finger it would crumble and fall apart. Seeing this has to change a man.
Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before.
As I stand out here in the wonders of the unknown at Hadley, I sort of realize there’s a fundamental truth to our nature, Man must explore, and this is exploration at its greatest.
Placeholder text by Space Ipsum. Photographs by NASA on The Commons.


--- layout: post title: "Semigroups" description: "Introduction to semigroups for object-oriented programmers."  --- {% include JB/setup %}
{{ page.description }}
This article is part of a larger series about monoids, semigroups, and other group-like algebraic structures. In this article, you'll learn what a semigroup is, and what distinguishes it from a monoid.
Semigroups form a superset of monoids. They are associative binary operations. While monoids additionally require that an identity element exists, no such requirement exist for semigroups. In other words, all monoids are semigroups, but not all semigroups are monoids.
This article gives you an overview of semigroups, as well as a few small examples. A supplemental article will show a more elaborate example.
An operation that returns the smallest of two values form a semigroup. In the .NET Base Class Library, such an operation is already defined for many numbers, for example 32-bit integers. Since associativity is a property of a semigroup, it makes sense to demonstrate it with a property-based test, here using FsCheck:
[Property(QuietOnSuccess = true)] public void IntMinimumIsAssociative(int x, int y, int z) { Assert.Equal( Math.Min(Math.Min(x, y), z), Math.Min(x, Math.Min(y, z))); }
This example uses the FsCheck.Xunit glue library for xUnit.net. Notice that although FsCheck is written in F#, you can also use it from C#. This test (as well as all other tests in this article) passes.
For mathematical integers, no identity element exists, so the minimum operation doesn't form a monoid. In practice, however, .NET 32-bit integers do have an identity element:
[Property(QuietOnSuccess = true)] public void MimimumIntHasIdentity(int x) { Assert.Equal(x, Math.Min(int.MaxValue, x)); Assert.Equal(x, Math.Min(x, int.MaxValue)); }
Int32.MaxValue is the maximum possible 32-bit integer value, so it effectively behaves as the identity for the 32-bit integer minimum operation. All 32-bit numbers are smaller than, or equal to, Int32.MaxValue
. This effectively makes Math.Min(int, int)
a monoid, but conceptually, it's not.
This may be clearer if, instead of 32-bit integers, you consider BigInteger, which is an arbitrarily large (or small) integer. The minimum operation is still associative:
[Property(QuietOnSuccess = true)] public void BigIntMinimumIsAssociative( BigInteger x, BigInteger y, BigInteger z) { Assert.Equal( BigInteger.Min(BigInteger.Min(x, y), z), BigInteger.Min(x, BigInteger.Min(y, z))); }
No identity element exists, however, because no matter which integer you have, you can always find one that's bigger: no maximum value exists. This makes BigInteger.Min
a semigroup, but not a monoid.
Like minimum, the maximum operation forms a semigroup, here demonstrated by BigInteger.Max
:
[Property(QuietOnSuccess = true)] public void BigIntMaximumIsAssociative( BigInteger x, BigInteger y, BigInteger z) { Assert.Equal( BigInteger.Max(BigInteger.Max(x, y), z), BigInteger.Max(x, BigInteger.Max(y, z))); }
Again, like minimum, no identity element exists because the set of integers is infinite; you can always find a bigger or smaller number.
Minimum and maximum operations aren't limited to primitive numbers. If values can be compared, you can always find the smallest or largest of two values, here demonstrated with DateTime
values:
[Property(QuietOnSuccess = true)] public void DateTimeMaximumIsAssociative( DateTime x, DateTime y, DateTime z) { Func<DateTime, DateTime, DateTime> dtMax = (dt1, dt2) => dt1 > dt2 ? dt1 : dt2; Assert.Equal( dtMax(dtMax(x, y), z), dtMax(x, dtMax(y, z))); }
As was the case with 32-bit integers, however, the presence of DateTime.MinValue effectively makes dtMax
a monoid, but conceptually, no identity element exists, because dates are infinite.
Another binary operation simply returns the first of two values:
public static T First<T>(T x, T y) { return x; }
This may seem pointless, but First
is associative:
[Property(QuietOnSuccess = true)] public void FirstIsAssociative(Guid x, Guid y, Guid z) { Assert.Equal( First(First(x, y), z), First(x, First(y, z))); }
On the other hand, there's no identity element, because there's no left identity. The left identity is an element e
such that First(e, x) == x
for any x
. Clearly, for any generic type T
, no such element exists because First(e, x)
will only return x
when x
is equal to e
. (There are, however, degenerate types for which an identity exists for First
. Can you find an example?)
Like First
, a binary operation that returns the last (second) of two values also forms a semigroup:
public static T Last<T>(T x, T y) { return y; }
Similar to First
, Last
is associative:
[Property(QuietOnSuccess = true)] public void LastIsAssociative(String x, String y, String z) { Assert.Equal( Last(Last(x, y), z), Last(x, Last(y, z))); }
As is also the case for First
, no identity exists for Last
, but here the problem is the lack of a right identity. The right identity is an element e
for which Last(x, e) == x
for all x
. Clearly, Last(x, e)
can only be equal to x
if e
is equal to x
.
Perhaps you think that operations like First
and Last
seem useless in practice, but when you have a semigroup, you can reduce any non-empty sequence to a single value. In C#, you can use the Aggregate LINQ method for this. For example
var a = new[] { 1, 0, 1337, -10, 42 }.Aggregate(Math.Min);
returns -10
, while
var a = new[] { 1, 0, 1337, -10, 42 }.Aggregate(Math.Max);
returns 1337
. Notice that the input sequence is the same in both examples, but the semigroup differs. Likewise, you can use Aggregate
with First
:
var a = new[] { 1, 0, 1337, -10, 42 }.Aggregate(First);
Here, a
is 1
, while
var a = new[] { 1, 0, 1337, -10, 42 }.Aggregate(Last);
returns 42
.
LINQ has specialised methods like Min, Last, and so on, but from the perspective of behaviour, Aggregate
would have been enough. While there may be performance reasons why some of those specialised methods exist, you can think of all of them as being based on the same abstraction: that of a semigroup.
Aggregate
, and many of the specialised methods, throw an exception if the input sequence is empty. This is because there's no identity element in a semigroup. The method doesn't know how to create a value of the type T
from an empty list.
If, on the other hand, you have a monoid, you can return the identity element in case of an empty sequence. Haskell explicitly makes this distinction with sconcat
and mconcat
, but I'm not going to go into that now.
Semigroups are associative binary operations. In the previous article series about monoids you saw plenty of examples, and since all monoids are semigroups, you've already seen more than one semigroup example. In this article, however, you saw four examples of semigroups that are not monoids.
All four examples in this article are simple, and may not seem like 'real-world' examples. In the next article, then, you'll get a more realistic example of a semigroup that's not a monoid.
Next: Bounding box semigroup.


Some title text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nisl eros, sodales sit amet blandit nec, tempus eu ligula. Nam libero libero, volutpat id diam eu, convallis mattis felis.
-
All stories
Lorem Ipsum is simply dummy text of the printingtempus eu ligula. Nam libero libero, volutpat tempus eu ligula. Nam libero libero, volutpat tempus eu ligula. Nam libero libero, volutpat tempus eu ligula. Nam libero libero, volutpatBoudin tail shoulder kevin prosciutto.Frankfurter ham hock corned beef pastrami jerky cupim. Corned beef alcatra jerky leberkas landjaeger beef ribs kevin. Short ribs andouille turducken
-
News
A wonderful serenity has taken possession of my entire soul, lI neglect my talents. I should be incapable of drawing a sment; and yver was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trThe quick, brown fox jumps over a lazy dog. DJs flock by when MTVAlex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. Brawny gods justA wonderful serenity has taken possession of my entire souly me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath
-
Sport
Lorem Ipsum is simply dummy text of the printingtempus eu ligula. Nam libero libero, volutpat tempus eu ligula. Nam libero libero, volutpat tempus eu ligula. Nam libero libero, volutpat tempus eu ligula. Nam libero libero, volutpatBoudin tail shoulder kevin prosciutto.Frankfurter ham hock corned beef pastrami jerky cupim. Corned beef alcatra jerky leberkas landjaeger beef ribs kevin. Short ribs andouille turducken
-
Finance
But I must explain to you how all this mistakenby the charms of pleasure of the moment, so blinded by desire, that they cannot foreseehow to pursue pleasure rationally encounter consequences that are extremely painful. Notempus eu ligula. Nam libero libero, volutpatBoudin tail shoulder kevin prosciutto.Frankfurter ham hock corned beef pastrami jerky cupim. Corned beef alcatra jerky leberkas landjaeger beef ribs kevin. Short ribs andouille turducken


--- title: intersect sidebar: function_reference_sidebar permalink: grainBoundary.intersect.html folder: function_reference toc: false ---
length of a boundary segment
| gb | grainBoundary |
| xy1, xy2 | coordinates of the endpoints of the line |
| x,y | list of intersection points |
mtexdata small grains = calcGrains(ebsd('indexed')) grains = smooth(grains,4) plot(grains.boundary,'micronbar','off') % define some line xy1 = [33500,4500]; % staring point xy2 = [36000,7500]; % end point line([xy1(1);xy2(1)],[xy1(2);xy2(2)],'linewidth',1.5,'color','g') [x,y] = grains.boundary.intersect(xy1,xy2); hold on scatter(x,y,'red')
% find the number of intersection points sum(~isnan(x)) % mark the intersected boundary segments plot(grains.boundary(~isnan(x)),'lineColor','b','linewidth',2) hold off


{% extends "layout.html" %} {% block title %}Page Not Found{% endblock %} {% block body %}
Hey! You broke the website!
Not, really you just caught an error! It would be really helpful to report this here
Or shoot me an email telling me the steps to reproduce the problem<EMAIL_ADDRESS>return home {% endblock %}


Figures
- Filling the lower-right quarter of the containing block
- Positioning an element outside its containing block
- Positioning and sizing an element using only the offset properties
- Positioning an element partially outside its containing block
- Setting a minimum width and height for a positioned element
- Three methods for handling overflowing content
- Making elements invisible without suppressing their element boxes
- Using relative positioning to define containing blocks
- Positioning an element whose containing block is the root element
- Absolutely positioned elements establish containing blocks
- Determining the height of an element based on the offset properties
- Absolutely positioning an element consistently with its “static” top edge
- Absolutely positioning an element consistently with its “static” position
- The “shrink-to-fit” behavior of absolutely positioned elements
- Horizontally centering an absolutely positioned element with auto margins
- Ignoring the value for right in an overconstrained situation
- Ignoring the value for margin-right in an overconstrained situation
- Vertical layout behavior for absolutely positioned elements
- Vertically centering an absolutely positioned element with auto-margins
- Absolutely positioning a replaced element
- Stretching replaced elements through positioning
- A conceptual view of z-index stacking
- How the elements are stacked
- Stacked elements can overlap
- Positioned elements establish local stacking contexts
- Emulating frames with fixed positioning
- A relatively positioned element
- Another relatively positioned element
- Relatively positioned elements can overlap other content
- Sticky positioning
- The sticky-positioning rectangle
- Sticking to the top of the sticky-positioning rectangle
- Detaching from the top of the sticky-positioning rectangle
- Sticking to the bottom of the sticky-positioning rectangle
- Making every side a sticky side
- A sticky-header pileup


{% extends 'animal/experiment_detail.html' %}
{% block content %}
{{ block.super }}
{% include "hawc/_delete_block.html" with name="experiment" notes="This will remove all data associated with the experiment, including animal-groups, endpoints, and BMD modeling runs." %}
{% endblock content %}


These maps show the distribution of approximately 3,000 locations of Walmart stores. The scatter map shows the exact locations of these stores. The other three maps show the distribution using contour or hexbin techniques. This visualization is a remake and extension of Hexbin Map


Setting options
The BeConverter's Option window looks like this:
The Precision textbox is where you specify the default precision (number of decimal places) used by the converter. Everytime you open a new Converter window, this precision is used. The precision can range from 0 to 100 and must an integral value.
The Use scientific notation checkbox is where you specify whether or not you want the converter to display values in scientific notation. In our illustration the scientific notation is turned on, which means values in the Converter window will be displayed in scientific notation by default. Here again, whenever you open a new Converter window this option will be used.
In scientific notation mode, very large or very small values are expressed as powers of 10. For example, in scientific notation 999e+3 means 999 × 10³.
The Use radian values... checkbox is where you specify whether or not you want trigonometric functions in expressions to use radians. In our illustration its checked off which means trigonometric functions will use degree values.
The Register Mime types... checkbox lets you specify whether or not you want BeConverter to register its file-types everytime it starts-up. I won't get too technical, but remember that this option can safely be unchecked once BeConverter has registered its file-types on your system.
If you transfer BeConverter to a new system, then the first time you use it, this option will be turned on (unless you transfer the settings files too) and from then on you can un-check it.
The OK button saves any changes you have made to the settings and closes the Options window. Please note that the settings will not take effect for Converter windows already open. Newly launched Converter windows will begin with these settings.
The Cancel button discards any changes you have made since you opened the Options window, and closes the Options window.
These options are all default options, which means that until you change these options again, BeConverter will remember and use them. The 'precision' and 'notation' options are also available in each Converter window, but when you alter them there they are not saved. Those options are only temporary while the options here are not.
|| Table of contents || Using BeConverter ||
Copyright © 2001 Ramshankar. All Rights Reserved.
All cited trademarks and registered trademarks are the property of their respective owners.


Services
-
Strength & Conditioning
Our training systems are designed to maximize performance and results. This is great for weight loss, strength, injury prevention, and overall fitness improvement. Our personal training program is a 5 phase system that is designed to keep your body adapting to demands of each workout. Custom programs can be tailored to improve overall strength & conditioning, aid in weight loss or body compisition changes, or matched with a sport to aid year round deveolpment. Contact us at<EMAIL_ADDRESS>for more information.
Pricing: $80 per session
-
Personal Training
A personal trainer contributes with the support and knowledge you need to develop.No matter if your goal is to feel good, adjust your weight or get in shape for a contest, a personal trainer kan give you all the conditions you need to succeed. Contact us at<EMAIL_ADDRESS>for more information. PT adjusted to your needs and free consultation.
Pricing: $70 per session
-
Group training
The 3 class per week membership, is a great training option to maximize your workouts. With this option, 12 classes are added to your account each month. Any unused sessions expire at the end of the month. Participants that plan to attend workouts 3 times per week should pick this plan. You are welcome to use your 12 sessions however needed. Example, if you can only come 1 time in one week, you can come more times the following week to make sure you are able to use your 12 sessions. Contact us at<EMAIL_ADDRESS>for more information.
Pricing: $145 per month


Welcome to Power Amplifier Web Administration
Mute
Unmute
Next
Previous
Volume Up
Volume Down
PLAYPAUSE


---
notes: |
Modifiers in use starting with first card: `'-locked -unlockable'`, `'-locked'`, `-standout`.
---
{{> vocab-card icon='icon i-unlocked'}}
{{> vocab-card modifiers='-locked -unlockable' icon='icon i-unlock'}}
{{> vocab-card modifiers='-locked' icon='icon i-lock'}}
{{> vocab-card modifiers='-standout' }}


There is a newer version available, you are {{ commits }} {% if commits > 1 %}commits{% else %}commit{% endif %} behind. Update Now Dismiss
Unknown version. Please update. Update Now Dismiss


Timer:
0
Score:
0
Shelter's math Worksheet
Do these fast and correctly
5 + 5 =
2 + 4.5 =
2
3
4
0
150 + 2478 =
17 + 12 =
2 + 55249 =
15
3
7
2
1804
1


{% include './partials/headtags.html' %}
EthTx is an open source decoder of blockchain transactions that is made freely available to the Ethereum Community as a Python library in public PyPi index (project page).
Everybody is invited to contribute to the codebase (GitHub) via Pull Request or Issues and anyone can launch their own instances of EthTx.
{% if ethtx_version %} {%- endif -%}Source code of this Community Edition of EthTx is also free and open source (GitHub).
Use of this implementation is under the Terms of Service and Privacy Policy
{% if ethtx_ce_version %}Version: ethtx_ce
{%- endif -%}


Thank you
We are now reviewing your case and will contact you within 2 working days.
No additional charges will be added during this time.
You do not need to do anything until we contact you.
Michelle Doe
Penalty Charge notice<PHONE_NUMBER>
No additional charges will be added during this time.
You do not need to do anything until we contact you.
Michelle Doe
Penalty Charge notice<PHONE_NUMBER>


The MdDialog
service can be used to open modal dialogs with Material Design styling and
animations.
A dialog is opened by calling the open
method with a component to be loaded and an optional
config object. The open
method will return an instance of MdDialogRef
:
let dialogRef = dialog.open(UserProfileComponent, {
height: '400px',
width: '600px',
});
The MdDialogRef
provides a handle on the opened dialog. It can be used to close the dialog and to
receive notification when the dialog has been closed.
dialogRef.afterClosed().subscribe(result => {
console.log(`Dialog result: ${result}`); // Pizza!
});
dialogRef.close('Pizza!');
Components created via MdDialog
can inject MdDialogRef
and use it to close the dialog
in which they are contained. When closing, an optional result value can be provided. This result
value is forwarded as the result of the afterClosed
promise.
If you want to share data with your dialog, you can use the data
option to pass information to the dialog component.
let dialogRef = dialog.open(YourDialog, {
data: 'your data',
});
To access the data in your dialog component, you have to use the MD_DIALOG_DATA injection token:
import {Component, Inject} from '@angular/core';
import {MD_DIALOG_DATA} from '@angular/material';
@Component({
selector: 'your-dialog',
template: 'passed in {{ data }}',
})
export class YourDialog {
constructor(@Inject(MD_DIALOG_DATA) public data: any) { }
}
Several directives are available to make it easier to structure your dialog content:
| Name | Description |
|---|---|
md-dialog-title |
[Attr] Dialog title, applied to a heading element (e.g., <h1> , <h2> ) |
<md-dialog-content> |
Primary scrollable content of the dialog |
<md-dialog-actions> |
Container for action buttons at the bottom of the dialog |
md-dialog-close |
[Attr] Added to a <button> , makes the button close the dialog on click |
Once a dialog opens, the dialog will automatically focus the first tabbable element.
You can control which elements are tab stops with the tabindex
attribute
<button md-button tabindex="-1">Not Tabbable</button>
Due to the dynamic nature of the MdDialog
, and its usage of ViewContainerRef#createComponent()
to create the component on the fly, the AOT compiler will not know to create the proper
ComponentFactory
for your dialog component by default.
You must include your dialog class in the list of entryComponents
in your module definition so
that the AOT compiler knows to create the ComponentFactory
for it.
@NgModule({
imports: [
// ...
MdDialogModule
],
declarations: [
AppComponent,
ExampleDialogComponent
],
entryComponents: [
ExampleDialogComponent
]
providers: [],
bootstrap: [AppComponent]
})
export class AppModule() {}


| Package | Description |
|---|---|
| com.example.zoomwroom | |
| com.example.zoomwroom.database | |
| com.example.zoomwroom.Entities |
| Modifier and Type | Method and Description |
|---|---|
DriveRequest |
RequestAdapter.getRequestAtPosition(int position)
This methods finds the request by index
|
| Modifier and Type | Method and Description |
|---|---|
void |
FragmentCreateRide.acceptedPhase(DriveRequest _request)
Have the driver's name, username and confirm button appear
Override confirm button to update the drive request
Driver's username is also now clickable to view
|
void |
RiderHomeActivity.completeRideFragment(RiderCompleteRequestFragment fragment,
DriveRequest request)
This method is called when the status is set to COMPLETE
Display the complete fragment on rider side
|
void |
FragmentCreateRide.confirmRidePhase(DriveRequest request)
Called when user wants to accept the ride from driver
Confirm button is invisible again
|
void |
FragmentCreateRide.createRequest(DriveRequest request) |
double |
DriverHomeActivity.getDistance(DriveRequest request)
Calculates distance between the destination and pickup location.
|
void |
FragmentCreateRide.pendingPhase(DriveRequest request)
When the ride request is pending, the confirm button is hidden
|
void |
FragmentCreateRide.ridingPhase(DriveRequest _request)
Ride is now in progress
User is no longer able to cancel the ride
Complete the ride button is now active
|
void |
DriverHomeActivity.showDriveRequestFragment(DriveRequest request)
Bundles required information and passes it to the driveRequestFragment.
|
| Modifier and Type | Method and Description |
|---|---|
void |
RequestAdapter.setRequests(java.util.ArrayList<DriveRequest> driveRequests)
This method updates the request list
|
| Constructor and Description |
|---|
RiderCompleteRequestFragment(DriveRequest driveRequest) |
| Constructor and Description |
|---|
RequestAdapter(android.content.Context context,
java.util.ArrayList<DriveRequest> requests,
RequestAdapter.OnRequestClickListener onRequestClickListener) |
| Modifier and Type | Method and Description |
|---|---|
DriveRequest |
MyDataBase.getCurrentRequest(java.lang.String userID,
java.lang.String dataType)
This function returns the current active request of a user
|
DriveRequest |
MyDataBase.getDriveRequestByID(java.lang.String driveID)
Returns a driveRequest by using its driveID
|
| Modifier and Type | Method and Description |
|---|---|
java.util.ArrayList<DriveRequest> |
MyDataBase.getDriveRequestsByDriverIDAndStatus(java.lang.String driverID,
int status)
Returns an arraylist of DriveRequests for a specific driverID and status of the request
|
java.util.ArrayList<DriveRequest> |
MyDataBase.getDriverRequest(java.lang.String driverID)
This function get an array of requests
|
java.util.ArrayList<DriveRequest> |
MyDataBase.getOpenRequests()
Returns open request that have their status as PENDING
|
java.util.ArrayList<DriveRequest> |
MyDataBase.getRiderRequest(java.lang.String riderID)
similar to getDriverRequest
|
| Modifier and Type | Method and Description |
|---|---|
java.lang.String |
MyDataBase.addRequest(DriveRequest driveRequest)
This function adds the request to data base
|
void |
MyDataBase.updateRequest(DriveRequest driveRequest)
This function adds the request to data base
|
| Modifier and Type | Method and Description |
|---|---|
DriveRequest |
User.getCurrentRequest()
Gets the current DriveRequest the driver is involved in.
|
| Modifier and Type | Method and Description |
|---|---|
void |
User.setCurrentRequest(DriveRequest currentRequest)
Sets the current request the driver is involved in so it can be referenced for use.
|


Down in Corvallis for the weekend. Lunch with Trav, Sarah and Grandad. Good times.
10/4/2008, 3:40:10 PM
Favs: 0
Retweets: 0
link--- layout: tweet ---
Down in Corvallis for the weekend. Lunch with Trav, Sarah and Grandad. Good times.
10/4/2008, 3:40:10 PM
Favs: 0
Retweets: 0
link


|
gtsam 4.1.1
gtsam
|
An essential matrix is like a Pose3, except with translation up to scale It is named after the 3*3 matrix aEb = [aTb]x aRb from computer vision, but here we choose instead to parameterize it as a (Rot3,Unit3) pair.
We can then non-linearly optimize immediately on this 5-dimensional manifold.
Manifold | |
| enum | { dimension = 5 } |
| typedef OptionalJacobian< dimension, dimension > | ChartJacobian |
| static size_t | Dim () |
| size_t | dim () const |
| EssentialMatrix | retract (const Vector5 &xi) const |
| Retract delta to manifold. | |
| Vector5 | localCoordinates (const EssentialMatrix &other) const |
| Compute the coordinates in the tangent space. | |
Advanced Interface | |
| class | boost::serialization::access |
| Serialization function. | |
Essential matrix methods | |
| EssentialMatrix | operator* (const Rot3 &cRb, const EssentialMatrix &E) |
| Given essential matrix E in camera frame B, convert to body frame C. More... | |
| const Rot3 & | rotation () const |
| Rotation. | |
| const Unit3 & | direction () const |
| Direction. | |
| const Matrix3 & | matrix () const |
| Return 3*3 matrix representation. | |
| const Unit3 & | epipole_a () const |
| Return epipole in image_a , as Unit3 to allow for infinity. | |
| Unit3 | epipole_b () const |
| Return epipole in image_b, as Unit3 to allow for infinity. | |
| GTSAM_EXPORT Point3 | transformTo (const Point3 &p, OptionalJacobian< 3, 5 > DE=boost::none, OptionalJacobian< 3, 3 > Dpoint=boost::none) const |
| takes point in world coordinates and transforms it to pose with |t|==1 More... | |
| GTSAM_EXPORT EssentialMatrix | rotate (const Rot3 &cRb, OptionalJacobian< 5, 5 > HE=boost::none, OptionalJacobian< 5, 3 > HR=boost::none) const |
| Given essential matrix E in camera frame B, convert to body frame C. More... | |
| GTSAM_EXPORT double | error (const Vector3 &vA, const Vector3 &vB, OptionalJacobian< 1, 5 > H=boost::none) const |
| epipolar error, algebraic | |
Constructors and named constructors | |
| static GTSAM_EXPORT EssentialMatrix | FromRotationAndDirection (const Rot3 &aRb, const Unit3 &aTb, OptionalJacobian< 5, 3 > H1=boost::none, OptionalJacobian< 5, 2 > H2=boost::none) |
| Named constructor with derivatives. | |
| static GTSAM_EXPORT EssentialMatrix | FromPose3 (const Pose3 &_1P2_, OptionalJacobian< 5, 6 > H=boost::none) |
| Named constructor converting a Pose3 with scale to EssentialMatrix (no scale) | |
| template<typename Engine > | |
| static EssentialMatrix | Random (Engine &rng) |
| Random, using Rot3::Random and Unit3::Random. | |
| EssentialMatrix () | |
| Default constructor. | |
| EssentialMatrix (const Rot3 &aRb, const Unit3 &aTb) | |
| Construct from rotation and translation. | |
| virtual | ~EssentialMatrix () |
Public Member Functions | |
Testable | |
| GTSAM_EXPORT void | print (const std::string &s="") const |
| print with optional string | |
| bool | equals (const EssentialMatrix &other, double tol=1e-8) const |
| assert equality up to a tolerance | |
Static Public Member Functions | |
| static Vector3 | Homogeneous (const Point2 &p) |
| Static function to convert Point2 to homogeneous coordinates. | |
Friends | |
Streaming operators | |
| GTSAM_EXPORT friend std::ostream & | operator<< (std::ostream &os, const EssentialMatrix &E) |
| stream to stream | |
| GTSAM_EXPORT friend std::istream & | operator>> (std::istream &is, EssentialMatrix &E) |
| stream from stream | |
| EssentialMatrix gtsam::EssentialMatrix::rotate | ( | const Rot3 & | cRb, |
| OptionalJacobian< 5, 5 > | HE = boost::none , |
||
| OptionalJacobian< 5, 3 > | HR = boost::none |
||
| ) | const |
Given essential matrix E in camera frame B, convert to body frame C.
| cRb | rotation from body frame to camera frame |
| E | essential matrix E in camera frame C |
| Point3 gtsam::EssentialMatrix::transformTo | ( | const Point3 & | p, |
| OptionalJacobian< 3, 5 > | DE = boost::none , |
||
| OptionalJacobian< 3, 3 > | Dpoint = boost::none |
||
| ) | const |
takes point in world coordinates and transforms it to pose with |t|==1
| p | point in world coordinates |
| DE | optional 3*5 Jacobian wrpt to E |
| Dpoint | optional 3*3 Jacobian wrpt point |
|
friend |
Given essential matrix E in camera frame B, convert to body frame C.
| cRb | rotation from body frame to camera frame |
| E | essential matrix E in camera frame C |


The CLOG manual
Table of Contents
- 1 CLOG Getting Started
- 2 CLOG System
- 3 CLOG Utilities
- 4 CLOG Objects
- 5 CLOG Elements
- 6 Common CLOG Elements
- 7 CLOG Form Objects
- 8 CLOG Canvas Objects
- 9 CLOG Body Objects
- 10 CLOG Window Objects
- 11 CLOG Document Objects
- 12 CLOG Location Objects
- 13 CLOG Navigator Objects
- 14 CLOG Framework internals and extensions
[in package CLOG]
The Common Lisp Omnificient GUI, CLOG
for short, uses web technology to
produce graphical user interfaces for applications locally or remotely.
CLOG
can take the place, or work along side, most cross platform GUI
frameworks and website frameworks. The CLOG
package starts up the
connectivity to the browser or other websocket client (often a browser
embedded in a native template application.)
1 CLOG Getting Started
CLOG
- The Common Lisp Omnificent GUI
David Botton<EMAIL_ADDRESS>License BSD 3-Clause License
The Common Lisp Omnificient GUI, CLOG
for short, uses web technology to
produce graphical user interfaces for applications locally or remotely.
CLOG
can take the place, or work along side, most cross platform GUI
frameworks and website frameworks. The CLOG
package starts up the
connectivity to the browser or other websocket client (often a browser
embedded in a native template application.)
STATUS: CLOG
is complete enough for most uses, there are a few loose
ends (multimedia, client side storage, integrations with databases),
but CLOG
is actually based on a framework I wrote for Ada, GNOGA, in
2013 and used in commercial production code for the last 6 years,
i.e. the techiniques it uses are solid and proven.
Some of the things CLOG
can be used for:
Cross platform GUIs and Reports
Secure websites and complex interactive web applications
Write mobile software
Write massive multiplayer online games
Monitoring software for embedded systems
A fun way to teaching programming and advanced multi-tasking parallel programming techniques. (
CLOG
is a parallel GUI)And the list goes on
The key to CLOG
is the relationship it forms with a Browser window
or Browser control compiled to native code. CLOG
uses websockets
for communications and the browser to render a GUI that maintanes
an active soft realtime connection. For most CLOG
applications all
programming logic, events and decisions are done on the server
which can be local or remote over the web.
CLOG
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 CLACK
will load on to.
CLOG
will be in QuickSlip in the next update, but a good idea,
since I am still adding code daily, is to clone the github repo
in to your ~/common-lisp directory:
cd ~/common-lisp
git clone https://github.com/rabbibotton/clog.git
To load this package and work through tutorials (assuming you have QuickSlip configured):
cd to the
CLOG
dir (the dir should be one used by QuickLisp ex. ~/common-lisp/)Start emacs/slime or your common lisp "repl" in that directory.
In the REPL run:
CL-USER
> (ql:quickload :clog)
CL-USER
> (load "~/common-lisp/clog/tutorial/01-tutorial.lisp")
CL-USER
> (clog-user:start-tutorial)
Work your way through the tutorials. You will see how quick and easy it is to be a CLOGer.
2 CLOG System
CLOG
Startup and Shutdown
[function] INITIALIZE ON-NEW-WINDOW-HANDLER &KEY (HOST "<IP_ADDRESS>") (PORT 8080) (BOOT-FILE "/boot.html") (STATIC-ROOT #P"static-files/")
Inititalize
CLOG
on a socket usingHOST
andPORT
to serveBOOT-FILE
as the default route to establish web-socket connections and static files located atSTATIC-ROOT
. IfCLOG
was already initialized and not shut down, this function does the same as set-on-new-window. If the variable clog:overide-static-root is setSTATIC-ROOT
will be ignored. IfBOOT-FILE
is nil no default boot-file will be set for /.
[function] SET-ON-NEW-WINDOW ON-NEW-WINDOW-HANDLER &KEY (PATH "/") (BOOT-FILE "/boot.html")
Set or change the on-new-window handler or set a new one for
PATH
using BOOT_FILE. Paths should always begin with a '/'. IfPATH
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. IfBOOT-FILE
is nil path is removed.
[function] SHUTDOWN
Shutdown
CLOG
.
3 CLOG Utilities
CLOG
utilities
[function] JS-TRUE-P VALUE
Return true if
VALUE
equalp the string true
[function] P-TRUE-JS VALUE
Return "true" if
VALUE
t
[function] JS-ON-P VALUE
Return true if
VALUE
equalp the string on
[function] P-ON-JS VALUE
Return "on" if
VALUE
t or return "off"
[function] OPEN-BROWSER &KEY (URL "http://<IP_ADDRESS>:8080")
Open a web browser to
URL
.
[function] ESCAPE-STRING STR
Escape
STR
for sending to browser script.
4 CLOG Objects
CLOG-Obj - Base class for CLOG
Objects
[class] CLOG-OBJ
CLOG
objects (clog-obj) encapsulate the connection between lisp and theHTML
DOM element.
CLOG-Obj - General Properties
[generic-function] PROPERTY CLOG-OBJ PROPERTY-NAME
Get/Setf html property. (eg. draggable)
CLOG-Obj - General Methods
[generic-function] HEIGHT CLOG-OBJ
Get/Setf html height in pixels.
[generic-function] WIDTH CLOG-OBJ
Get/Setf html width in pixels.
[generic-function] FOCUS CLOG-OBJ
Focus on
CLOG-OBJ
[generic-function] BLUR CLOG-OBJ
Remove focus from
CLOG-OBJ
CLOG-Obj - Low Level
[generic-function] CONNECTION-DATA CLOG-OBJ
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.
[generic-function] CONNECTION-DATA-ITEM CLOG-OBJ ITEM-NAME
Get/Setf from connection-data the item-name in hash.
[generic-function] REMOVE-CONNECTION-DATA-ITEM CLOG-OBJ ITEM-NAME
Remove from connection-data the item-name in hash.
[generic-function] VALIDP CLOG-OBJ
Returns true of connection is valid on this
CLOG-OBJ
.
CLOG-Obj - Event Handling
[generic-function] SET-ON-RESIZE CLOG-OBJ ON-RESIZE-HANDLER
Set the
ON-RESIZE-HANDLER
forCLOG-OBJ
. IfON-RESIZE-HANDLER
is nil unbind the event.
[generic-function] SET-ON-FOCUS CLOG-OBJ ON-FOCUS-HANDLER
Set the
ON-FOCUS-HANDLER
forCLOG-OBJ
. IfON-FOCUS-HANDLER
is nil unbind the event.
[generic-function] SET-ON-BLUR CLOG-OBJ ON-BLUR-HANDLER
Set the
ON-BLUR-HANDLER
forCLOG-OBJ
. IfON-BLUR-HANDLER
is nil unbind the event.
[generic-function] SET-ON-CHANGE CLOG-OBJ ON-CHANGE-HANDLER
Set the
ON-CHANGE-HANDLER
forCLOG-OBJ
. IfON-CHANGE-HANDLER
is nil unbind the event.
[generic-function] SET-ON-FOCUS-IN CLOG-OBJ ON-FOCUS-IN-HANDLER
Set the
ON-FOCUS-IN-HANDLER
forCLOG-OBJ
. IfON-FOCUS-IN-HANDLER
is nil unbind the event.
[generic-function] SET-ON-FOCUS-OUT CLOG-OBJ ON-FOCUS-OUT-HANDLER
Set the
ON-FOCUS-OUT-HANDLER
forCLOG-OBJ
. IfON-FOCUS-OUT-HANDLER
is nil unbind the event.
[generic-function] SET-ON-RESET CLOG-OBJ ON-RESET-HANDLER
Set the
ON-RESET-HANDLER
forCLOG-OBJ
. IfON-RESET-HANDLER
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.
[generic-function] SET-ON-SEARCH CLOG-OBJ ON-SEARCH-HANDLER
Set the
ON-SEARCH-HANDLER
forCLOG-OBJ
. IfON-SEARCH-HANDLER
is nil unbind the event.
[generic-function] SET-ON-SELECT CLOG-OBJ ON-SELECT-HANDLER
Set the
ON-SELECT-HANDLER
forCLOG-OBJ
. IfON-SELECT-HANDLER
is nil unbind the event.
[generic-function] SET-ON-SUBMIT CLOG-OBJ ON-SUBMIT-HANDLER
Set the
ON-SUBMIT-HANDLER
forCLOG-OBJ
. IfON-SUBMIT-HANDLER
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-FormSUBMIT
for more details.
[generic-function] SET-ON-SELECT CLOG-OBJ ON-SELECT-HANDLER
Set the
ON-SELECT-HANDLER
forCLOG-OBJ
. IfON-SELECT-HANDLER
is nil unbind the event.
[generic-function] SET-ON-CONTEXT-MENU CLOG-OBJ ON-CONTEXT-MENU-HANDLER
Set the
ON-CONTEXT-MENU-HANDLER
forCLOG-OBJ
. IfON-CONTEXT-MENU-HANDLER
is nil unbind the event. Setting on-mouse-right-click will replace this handler.
[generic-function] SET-ON-CLICK CLOG-OBJ ON-CLICK-HANDLER
Set the
ON-CLICK-HANDLER
forCLOG-OBJ
. IfON-CLICK-HANDLER
is nil unbind the event. Setting this event will replace an on-mouse click if set.
[generic-function] SET-ON-DOUBLE-CLICK CLOG-OBJ ON-DOUBLE-CLICK-HANDLER
Set the
ON-DOUBLE-CLICK-HANDLER
forCLOG-OBJ
. IfON-DOUBLE-CLICK-HANDLER
is nil unbind the event. Setting the on-mouse-double-click event will replace this handler.
[generic-function] SET-ON-MOUSE-CLICK CLOG-OBJ ON-MOUSE-CLICK-HANDLER
Set the
ON-MOUSE-CLICK-HANDLER
forCLOG-OBJ
. IfON-MOUSE-CLICK-HANDLER
is nil unbind the event. Setting this event will replace on an on-click event.
[generic-function] SET-ON-MOUSE-DOUBLE-CLICK CLOG-OBJ ON-MOUSE-DOUBLE-CLICK-HANDLER
Set the
ON-MOUSE-DOUBLE-CLICK-HANDLER
forCLOG-OBJ
. IfON-MOUSE-DOUBLE-CLICK-HANDLER
is nil unbind the event. Setting this event will replace on an on-double-click event.
[generic-function] SET-ON-MOUSE-RIGHT-CLICK CLOG-OBJ ON-MOUSE-RIGHT-CLICK-HANDLER
Set the
ON-MOUSE-RIGHT-CLICK-HANDLER
forCLOG-OBJ
. IfON-MOUSE-RIGHT-CLICK-HANDLER
is nil unbind the event. Setting this event will replace on an on-context-menu event.
[generic-function] SET-ON-MOUSE-ENTER CLOG-OBJ ON-MOUSE-ENTER-HANDLER
Set the
ON-MOUSE-ENTER-HANDLER
forCLOG-OBJ
. IfON-MOUSE-ENTER-HANDLER
is nil unbind the event.
[generic-function] SET-ON-MOUSE-LEAVE CLOG-OBJ ON-MOUSE-LEAVE-HANDLER
Set the
ON-MOUSE-LEAVE-HANDLER
forCLOG-OBJ
. IfON-MOUSE-LEAVE-HANDLER
is nil unbind the event.
[generic-function] SET-ON-MOUSE-OVER CLOG-OBJ ON-MOUSE-OVER-HANDLER
Set the
ON-MOUSE-OVER-HANDLER
forCLOG-OBJ
. IfON-MOUSE-OVER-HANDLER
is nil unbind the event.
[generic-function] SET-ON-MOUSE-OUT CLOG-OBJ ON-MOUSE-OUT-HANDLER
Set the
ON-MOUSE-OUT-HANDLER
forCLOG-OBJ
. IfON-MOUSE-OUT-HANDLER
is nil unbind the event.
[generic-function] SET-ON-MOUSE-DOWN CLOG-OBJ ON-MOUSE-DOWN-HANDLER
Set the
ON-MOUSE-DOWN-HANDLER
forCLOG-OBJ
. IfON-MOUSE-DOWN-HANDLER
is nil unbind the event.
[generic-function] SET-ON-MOUSE-UP CLOG-OBJ ON-MOUSE-UP-HANDLER
Set the
ON-MOUSE-UP-HANDLER
forCLOG-OBJ
. IfON-MOUSE-UP-HANDLER
is nil unbind the event.
[generic-function] SET-ON-MOUSE-MOVE CLOG-OBJ ON-MOUSE-MOVE-HANDLER
Set the
ON-MOUSE-MOVE-HANDLER
forCLOG-OBJ
. IfON-MOUSE-MOVE-HANDLER
is nil unbind the event.
[generic-function] SET-ON-TOUCH-START CLOG-OBJ ON-TOUCH-START-HANDLER
Set the
ON-TOUCH-START-HANDLER
forCLOG-OBJ
. IfON-TOUCH-START-HANDLER
is nil unbind the event.
[generic-function] SET-ON-TOUCH-MOVE CLOG-OBJ ON-TOUCH-MOVE-HANDLER
Set the
ON-TOUCH-MOVE-HANDLER
forCLOG-OBJ
. IfON-TOUCH-MOVE-HANDLER
is nil unbind the event.
[generic-function] SET-ON-TOUCH-END CLOG-OBJ ON-TOUCH-END-HANDLER
Set the
ON-TOUCH-END-HANDLER
forCLOG-OBJ
. IfON-TOUCH-END-HANDLER
is nil unbind the event.
[generic-function] SET-ON-TOUCH-CANCEL CLOG-OBJ ON-TOUCH-CANCEL-HANDLER
Set the
ON-TOUCH-CANCEL-HANDLER
forCLOG-OBJ
. IfON-TOUCH-CANCEL-HANDLER
is nil unbind the event.
[generic-function] SET-ON-CHARACTER CLOG-OBJ ON-CHARACTER-HANDLER
Set the
ON-CHARACTER-HANDLER
forCLOG-OBJ
. IfON-CHARACTER-HANDLER
is nil unbind the event. Setting this event will replace a on-key-down
[generic-function] SET-ON-KEY-DOWN CLOG-OBJ ON-KEY-DOWN-HANDLER
Set the
ON-KEY-DOWN-HANDLER
forCLOG-OBJ
. IfON-KEY-DOWN-HANDLER
is nil unbind the event.
[generic-function] SET-ON-KEY-UP CLOG-OBJ ON-KEY-UP-HANDLER
Set the
ON-KEY-UP-HANDLER
forCLOG-OBJ
. IfON-KEY-UP-HANDLER
is nil unbind the event.
[generic-function] SET-ON-KEY-PRESS CLOG-OBJ ON-KEY-PRESS-HANDLER
Set the
ON-KEY-PRESS-HANDLER
forCLOG-OBJ
. IfON-KEY-PRESS-HANDLER
is nil unbind the event.
[generic-function] SET-ON-COPY CLOG-OBJ ON-COPY-HANDLER
Set the
ON-COPY-HANDLER
forCLOG-OBJ
. IfON-COPY-HANDLER
is nil unbind the event.
[generic-function] SET-ON-CUT CLOG-OBJ ON-CUT-HANDLER
Set the
ON-CUT-HANDLER
forCLOG-OBJ
. IfON-CUT-HANDLER
is nil unbind the event.
[generic-function] SET-ON-PASTE CLOG-OBJ HANDLER
Set the ON-PASTE-HANDLER for
CLOG-OBJ
. If ON-PASTE-HANDLER is nil unbind the event.
5 CLOG Elements
CLOG-Element - Class for CLOG
Elements
[class] CLOG-ELEMENT CLOG-OBJ
CLOG
Element Objects is the base class for all html element objects.
CLOG-Element - Low Level Creation
[generic-function] CREATE-CHILD CLOG-OBJ HTML &KEY AUTO-PLACE CLOG-TYPE
Create a new CLOG-Element or sub-type of
CLOG-TYPE
fromHTML
as child ofCLOG-OBJ
and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
[generic-function] ATTACH-AS-CHILD CLOG-OBJ HTML-ID &KEY CLOG-TYPE
Create a new CLOG-Element or sub-type of
CLOG-TYPE
and attach an existing element withHTML-ID
. TheHTML-ID
must be unique.
CLOG-Element - DOM Placement
[generic-function] PLACE-AFTER CLOG-OBJ NEXT-OBJ
Places
NEXT-OBJ
afterCLOG-OBJ
in DOM
[generic-function] PLACE-BEFORE CLOG-OBJ NEXT-OBJ
Places
NEXT-OBJ
beforeCLOG-OBJ
in DOM
[generic-function] PLACE-INSIDE-TOP-OF CLOG-OBJ NEXT-OBJ
Places
NEXT-OBJ
inside top ofCLOG-OBJ
in DOM
[generic-function] PLACE-INSIDE-BOTTOM-OF CLOG-OBJ NEXT-OBJ
Places
NEXT-OBJ
inside bottom ofCLOG-OBJ
in DOM
CLOG-Element - General Properties
[generic-function] STYLE CLOG-ELEMENT STYLE-NAME
Get/Setf css style.
[generic-function] ATTRIBUTE CLOG-ELEMENT ATTRIBUTE-NAME
Get/Setf html tag attribute. (eg. src on img tag)
[generic-function] REMOVE-ATTRIBUTE CLOG-ELEMENT ATTRIBUTE-NAME
Get/Setf html tag attribute. (eg. src on img tag)
CLOG-Element - Properties
[generic-function] ACCESS-KEY CLOG-ELEMENT
Get/Setf access-key. Used for hot key access to element. [special key][] + Access_Key
The [special key][] per browser and platform is:
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]
[generic-function] ADVISORY-TITLE CLOG-ELEMENT
Get/Setf advisory title of Element, usually used for body and image maps but creates in forms and many elements a tool tip.
[generic-function] CSS-CLASS-NAME CLOG-ELEMENT
Get/Setf css-class-name. CSS Class name, can be multiple seperated by
. See add-class, remove-class and toggle-class methods for adding and removing individual or groups of classes in an easier way.
[generic-function] EDITABLEP CLOG-ELEMENT
Get/Setf editable. This will make almost any element with content editable, even non-form types in most browsers.
[generic-function] DRAGGABLEP CLOG-ELEMENT
Get/Setf draggablep. In order to make an object draggable in addition to Draggable being true the on-drag-start event must be bound as well to set the drag-text. To receive a drop, you need to bind on-drop. See clog-base.lisp
[generic-function] VISIBLEP CLOG-ELEMENT
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.
[generic-function] HIDDENP CLOG-ELEMENT
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 also remove it from layout similar to setting display (None).
[generic-function] INNER-HTML CLOG-ELEMENT
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
CLOG
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 byCLOG
, they are lost forever.
[generic-function] OUTER-HTML CLOG-ELEMENT
Get/Setf outer-html. Returns the
HTML
for Element and all its contents
[generic-function] SPELLCHECKP CLOG-ELEMENT
Get/Setf spellcheckp. If true Element is subject to browser spell checking if Editable is also true.
[generic-function] TAB-INDEX CLOG-ELEMENT
Get/Setf tab-index.
[generic-function] TEXT CLOG-ELEMENT
Get/Setf text.
Text Content - 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)
- [type] TEXT-DIRECTION-TYPE
[generic-function] TEXT-DIRECTION CLOG-ELEMENT
Get/Setf BiDi text-direction.
[generic-function] LANGUAGE-CODE CLOG-ELEMENT
Get/Setf language-code.
[generic-function] CLIENT-LEFT CLOG-ELEMENT
Get client-left. The width of the left border of an element in pixels. It does not include the margin or padding.
[generic-function] CLIENT-TOP CLOG-ELEMENT
Get client-top. The width of the top border of an element in pixels. It does not include the margin or padding.
[generic-function] CLIENT-WIDTH CLOG-ELEMENT
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.
[generic-function] CLIENT-HEIGHT CLOG-ELEMENT
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.
[generic-function] OFFSET-LEFT CLOG-ELEMENT
Position in pixels from left relative to the document.
[generic-function] OFFSET-TOP CLOG-ELEMENT
Position in pixels from top relative to the document.
[generic-function] OFFSET-WIDTH CLOG-ELEMENT
Get offset-width. CSS width + CSS padding + width of vertical scrollbar (if present) + Border
[generic-function] OFFSET-HEIGHT CLOG-ELEMENT
Get offset-height. CSS height + CSS padding + height of horizontal scrollbar (if present) + Border
[generic-function] HTML-TAG CLOG-ELEMENT
Get html-tag.
CLOG-Element - Styles
- [type] BOX-SIZING-TYPE
[generic-function] BOX-SIZING CLOG-ELEMENT
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
- [type] CLEAR-SIDE-TYPE
[generic-function] CLEAR-SIDE CLOG-ELEMENT
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.
- [type] FLOAT-WRAP-TYPE
[generic-function] FLOAT-WRAP CLOG-ELEMENT
Get/Setf for element float left or right and other elements wrap around it.
- [type] DISPLAY-TYPE
[generic-function] DISPLAY CLOG-ELEMENT
Get/Setf display. Display sets the CSS Display property that handles how elements are treated by the browser layout engine.
Common Values: none - Remove Element from layout but remain in the DOM this is similar to hiddenp, but not like visiblep that makes the element not visible but still take up space in layout. block - Displays an element starting on a new line and stretches out to the left and right as far as it can. e.g. <div> by default inline - Wraps with text in a paragraph. e.g. <span> by default inline-block - Flows with paragraph but will always fill from left to right. flex - Use the flexbox model
- [type] OVERFLOW-TYPE
[generic-function] OVERFLOW CLOG-ELEMENT
Get/Setf overflow. How to handle overflow of contents of an element's box. The default is visible - no clipping.
- [type] OVERFLOW-X-TYPE
[generic-function] OVERFLOW-X CLOG-ELEMENT
Get/Setf overflow-x. How to handle overflow of contents of an element's box for X. The default is Visible - no clipping.
- [type] OVERFLOW-Y-TYPE
[generic-function] OVERFLOW-Y CLOG-ELEMENT
Get/Setf overflow-y. How to handle overflow of contents of an element's box for Y. The default is Visible - no clipping.
[generic-function] Z-INDEX CLOG-ELEMENT
Get/Setf z-index. Set stack order of element. Note: z-index only works on Elements with Position Type of absolute, relative and fixed.
- [type] RESIZABLE-TYPE
[generic-function] RESIZABLE CLOG-ELEMENT
Get/Setf resizable. If overflow is not set to visible, resizeable sets if element can be resized by user.
- [type] POSITION-TYPE
[generic-function] POSITIONING CLOG-ELEMENT
Get/Setf positioning. Determins how the properties left, right, top and bottom are interpreted.
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.
[generic-function] POSITION-TOP CLOG-ELEMENT
Position from top in pixels relative to Element's parent in the DOM.
[generic-function] POSITION-LEFT CLOG-ELEMENT
Position from left in pixels relative to Element's parent in the DOM.
[generic-function] LEFT CLOG-WINDOW
Get/Setf browser x position.
[generic-function] TOP CLOG-WINDOW
Get/Setf browser y postion.
[generic-function] RIGHT CLOG-ELEMENT
Get/Setf right.
[generic-function] BOTTOM CLOG-ELEMENT
Get/Setf bottom.
[generic-function] BOX-HEIGHT CLOG-ELEMENT
Get/Setf box-height. Height based on box sizing.
[generic-function] BOX-WIDTH CLOG-ELEMENT
Get/Setf box-width. Width based on box sizing.
[generic-function] MAXIMUM-HEIGHT CLOG-ELEMENT
Get/Setf maximum-height.
[generic-function] MAXIMUM-WIDTH CLOG-ELEMENT
Get/Setf maximum-width.
[generic-function] MINIMUM-HEIGHT CLOG-ELEMENT
Get/Setf minimum-height.
[generic-function] MINIMUM-WIDTH CLOG-ELEMENT
Get/Setf minimum-width.
[generic-function] INNER-HEIGHT CLOG-WINDOW
Get/Setf inner height of browser window.
[generic-function] INNER-WIDTH CLOG-WINDOW
Get/Setf inner width of browser window.
[generic-function] OUTER-HEIGHT CLOG-WINDOW
Get/Setf outer height of browser window.
[generic-function] OUTER-WIDTH CLOG-WINDOW
Get/Setf outer width of browser window.
[generic-function] OUTER-HEIGHT-TO-MARGIN CLOG-ELEMENT
Get outer-height-to-margin. Includes padding and border and margin.
[generic-function] OUTER-WIDTH-TO-MARGIN CLOG-ELEMENT
Get outer-width-to-margin. Includes padding and border and margin.
[generic-function] COLOR CLOG-ELEMENT
Get/Setf color.
[generic-function] OPACITY CLOG-ELEMENT
Get/Setf opacity.
- [type] BACKGROUND-ATTACHMENT-TYPE
[generic-function] BACKGROUND-ATTACHMENT CLOG-ELEMENT
Get/Setf background-attachment.
[generic-function] BACKGROUND-COLOR CLOG-ELEMENT
Get/Setf background-color.
[generic-function] BACKGROUND-IMAGE CLOG-ELEMENT
Get/Setf background-image url. proper syntax is 'url(...)' | nil to clear
[generic-function] BACKGROUND-POSITION CLOG-ELEMENT
Get/Setf background-position. combination of 2 - left/right/center/top/bottom | %x %y | x y
- [type] BACKGROUND-ORIGIN-TYPE
[generic-function] BACKGROUND-ORIGIN CLOG-ELEMENT
Get/Setf background-origin. Background position property is relative to origin of: padding-box|border-box|content-box
- [type] BACKGROUND-REPEAT-TYPE
[generic-function] BACKGROUND-REPEAT CLOG-ELEMENT
Get/Setf background-repeat. repeat-x | repeat-y | [ repeat | space | round | no-repeat ][]{1,2}
- [type] BACKGROUND-CLIP-TYPE
[generic-function] BACKGROUND-CLIP CLOG-ELEMENT
Get/Setf background-clip. If an element's background extends underneath its border box, padding box, or content box.
[generic-function] BACKGROUND-SIZE CLOG-ELEMENT
Get/Setf background-size. auto | w h | % = cover of parent | contain
- [type] BORDER-STYLE-TYPE
[generic-function] BORDER CLOG-ELEMENT
Get border.
[generic-function] SET-BORDER CLOG-ELEMENT LINE-WIDTH LINE-STYLE LINE-COLOR
Set border width style and color. line-width - size or medium|thin|thick|length|initial|inherit
[generic-function] BORDER-RADIUS CLOG-ELEMENT
Get/Setf border-radius.
[generic-function] BOX-SHADOW CLOG-ELEMENT
Get/Setf box-shadow.
- [type] OUTLINE-STYLE-TYPE
[generic-function] OUTLINE CLOG-ELEMENT
Get outline.
[generic-function] SET-OUTLINE CLOG-ELEMENT LINE-COLOR LINE-STYLE LINE-WIDTH
Set outline
line-width - size or medium|thin|thick|length|initial|inherit
[generic-function] MARGIN CLOG-ELEMENT
Get margin.
[generic-function] SET-MARGIN CLOG-ELEMENT TOP RIGHT BOTTOM LEFT
Set margins, Each can be -
|auto|initial|inherit
[generic-function] PADDING CLOG-ELEMENT
Get padding.
[generic-function] SET-PADDING CLOG-ELEMENT TOP RIGHT BOTTOM LEFT
Set padding. Each can be -
|initial|inherit
[generic-function] CURSOR CLOG-ELEMENT
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
- [type] FONT-STYLE-TYPE
- [type] FONT-VARIANT-TYPE
- [type] SYSTEM-FONT-TYPE
[generic-function] FONT CLOG-ELEMENT
Get/Setf font.
[generic-function] SET-FONT CLOG-ELEMENT FONT-STYLE FONT-VARIANT FONT-WEIGHT FONT-HEIGHT FONT-FAMILY
Set font.
- [type] TEXT-ALIGNMENT-TYPE
[generic-function] TEXT-ALIGNMENT CLOG-ELEMENT
Get/Setf text-alignment.
- [type] VERTICAL-ALIGN-TYPE
[generic-function] VERTICAL-ALIGN CLOG-ELEMENT
Get/Setf vertical-align.
CLOG-Element - Methods
[generic-function] ADD-CLASS CLOG-ELEMENT CSS-CLASS-NAME
add-class.
[generic-function] REMOVE-CLASS CLOG-ELEMENT CSS-CLASS-NAME
remove-class.
[generic-function] TOGGLE-CLASS CLOG-ELEMENT CSS-CLASS-NAME
toggle-class.
[generic-function] REMOVE-FROM-DOM CLOG-ELEMENT
Remove CLOG-Element from the DOM.
[generic-function] CLICK CLOG-ELEMENT
simulate click.
CLOG-Element - DOM Traversal Methods
[generic-function] PARENT-ELEMENT CLOG-ELEMENT
Return a new clog-element represeting the parent of
CLOG-ELEMENT
.
[generic-function] FIRST-CHILD CLOG-ELEMENT
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.
[generic-function] PREVIOUS-SIBLING CLOG-ELEMENT
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
HTML
elemen.
[generic-function] NEXT-SIBLING CLOG-ELEMENT
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.
6 Common CLOG Elements
CLOG-A
- Class for CLOG
Anchors
[class] CLOG-A CLOG-ELEMENT
CLOG
A, anchor, Objects.
[generic-function] CREATE-A CLOG-OBJ &KEY LINK CONTENT TARGET AUTO-PLACE
Create a new
CLOG-A
as child ofCLOG-OBJ
with:LINK
and:CONTENT
(default "") and:TARGET
("_self") and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
.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
[generic-function] LINK CLOG-A
Get/Setf the HREF link of the anchor.
[generic-function] TARGET CLOG-A
Get/Setf the link target of the anchor.
CLOG-BR
- Class for CLOG
Line Breaks
[class] CLOG-BR CLOG-ELEMENT
CLOG
BR Objects for line breaks.
[generic-function] CREATE-BR CLOG-OBJ &KEY AUTO-PLACE
Create a new
CLOG-BR
as child ofCLOG-OBJ
that creates a line break and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
CLOG-BUTTON
- Class for CLOG
Buttons
[class] CLOG-BUTTON CLOG-ELEMENT
CLOG
Button Objects.
[generic-function] CREATE-BUTTON CLOG-OBJ &KEY CONTENT AUTO-PLACE
Create a new CLOG-Button as child of
CLOG-OBJ
with:CONTENT
(default "") and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
[generic-function] DISABLEDP CLOG-FORM-ELEMENT
Get/Setf form element disabledp.
CLOG-IMG
- Class for CLOG
Images
[class] CLOG-IMG CLOG-ELEMENT
CLOG
Img Objects.
[generic-function] CREATE-IMG CLOG-OBJ &KEY URL-SRC ALT-TEXT AUTO-PLACE
Create a new CLOG-Img as child of
CLOG-OBJ
with:URL-SRC
(default "") and:ALT-TEXT
(default "") if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
. Use width and height properties before placing image to constrain image size.
[generic-function] URL-SRC CLOG-FORM-ELEMENT
Get/Setf the url-src of the img.
CLOG-Div - Class for CLOG
Div Blocks
[class] CLOG-DIV CLOG-ELEMENT
CLOG
Div Objects.
[generic-function] CREATE-DIV CLOG-OBJ &KEY CONTENT AUTO-PLACE
Create a new CLOG-Div as child of
CLOG-OBJ
with:CONTENT
(default "") and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
CLOG-HR
- Class for CLOG
Hortizontal Rules
[class] CLOG-HR CLOG-ELEMENT
CLOG
HR Objects for horizontal rules.
[generic-function] CREATE-HR CLOG-OBJ &KEY AUTO-PLACE
Create a new
CLOG-HR
as child ofCLOG-OBJ
that creates a horizontal rule (line) and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
CLOG-Meter - Class for CLOG
Meters
[class] CLOG-METER CLOG-ELEMENT
CLOG
Meter Objects.
[generic-function] CREATE-METER CLOG-OBJ &KEY VALUE HIGH LOW MAXIMUM MINIMUM OPTIMUM AUTO-PLACE
Create a new CLOG-Meter as child of
CLOG-OBJ
withVALUE
(default 0)HIGH
(default 100)LOW
(default 0)MAXIMUM
(default 100)MINIMUM
(default 0)OPTIMUM
(default 50) and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
.
[generic-function] VALUE CLOG-FORM-ELEMENT
Get/Setf form element value. Form element values are not accessible through the Text property but instead through the value property.
[generic-function] HIGH CLOG-METER
Get/Setf the high of the meter.
[generic-function] LOW CLOG-METER
Get/Setf the low of the meter.
[generic-function] MINIMUM CLOG-FORM-ELEMENT
Get/Setf form element minimum.
[generic-function] MAXIMUM CLOG-FORM-ELEMENT
Get/Setf form element maximum.
[generic-function] OPTIMUM CLOG-METER
Get/Setf the optimum of the meter.
CLOG-Progress-Bar - Class for CLOG
Progress Bars
[class] CLOG-PROGRESS-BAR CLOG-ELEMENT
CLOG
Progress-Bar Objects.
[generic-function] CREATE-PROGRESS-BAR CLOG-OBJ &KEY VALUE MAXIMUM AUTO-PLACE
Create a new CLOG-Progress-Bar as child of
CLOG-OBJ
withVALUE
(default 0)MAXIMUM
(default 100) and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
.
[generic-function] VALUE CLOG-FORM-ELEMENT
Get/Setf form element value. Form element values are not accessible through the Text property but instead through the value property.
[generic-function] MAXIMUM CLOG-FORM-ELEMENT
Get/Setf form element maximum.
CLOG-P
- Class for CLOG
Paragraphs
[class] CLOG-P CLOG-ELEMENT
CLOG
P Objects.
[generic-function] CREATE-P CLOG-OBJ &KEY CONTENT AUTO-PLACE
Create a new
CLOG-P
as child ofCLOG-OBJ
with:CONTENT
(default "") and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
CLOG-Span - Class for CLOG
Inline Spans
[class] CLOG-SPAN CLOG-ELEMENT
CLOG
Span Objects.
[generic-function] CREATE-SPAN CLOG-OBJ &KEY CONTENT AUTO-PLACE
Create a new CLOG-Span as child of
CLOG-OBJ
withCONTENT
and if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
7 CLOG Form Objects
CLOG-Form - Class for organizing Form Elements in to a From
[class] CLOG-FORM CLOG-ELEMENT
CLOG
Form Objecs is the base class for all html forms.
[generic-function] CREATE-FORM CLOG-OBJ &KEY ACTION METHOD TARGET AUTO-PLACE
Create a new CLOG-Form as child of
CLOG-OBJ
that organizes a collection of form elements in to a single form if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
. InCLOG
a form's on-submit handler should be set and the form element values handled in that handler as opposed to theHTML
model of submitting to a new "page". If though one wishes to submit to another page can use the:ACTION
:METHOD
and:TARGET
keys and either do not set an on-submit handler or call (submitCLOG-FORM
) to perform the form action.
[generic-function] FORM-ELEMENT-COUNT CLOG-FORM
Get form element count.
[generic-function] SUBMIT CLOG-FORM
Submit form.
[generic-function] RESET CLOG-FORM
Reset form.
[generic-function] AUTOCOMPLETEP CLOG-FORM
Get/Setf form autocompletep.
[generic-function] ENCODING CLOG-FORM
Get/Setf form encoding. Comming values are: application/x-www-form-urlencoded multipart/form-data text/plain
[generic-function] VALIDATE-ON-SUBMIT CLOG-FORM
Get/Setf form validate-on-submit.
CLOG-Fieldset - Class for CLOG
Fieldsets
[class] CLOG-FIELDSET CLOG-ELEMENT
CLOG
Form Element Fieldset Object
[generic-function] CREATE-FIELDSET CLOG-OBJ &KEY LEGEND
Create a new clog-fieldset as child of
CLOG-OBJ
.
CLOG-Form-Element - Class for form elements
[class] CLOG-FORM-ELEMENT CLOG-ELEMENT
CLOG
Form Element Object is the base class for all form elements.
- [type] FORM-ELEMENT-TYPE
[generic-function] CREATE-FORM-ELEMENT CLOG-OBJ ELEMENT-TYPE &KEY NAME VALUE LABEL
Create a new clog-form-element as child of
CLOG-OBJ
. It is importamt that clog-form-elements are a child or descendant of a clog-form in the DOM. The radioELEMENT-TYPE
groups byNAME
.
[generic-function] AUTOCOMPLETE CLOG-FORM-ELEMENT
Get/Setf form element autocomplete.
[generic-function] AUTOFOCUSP CLOG-FORM-ELEMENT
Get/Setf form element autofocusp. Only one element should have this set true. Autofocus on element when form loaded.
[generic-function] PLACE-HOLDER CLOG-FORM-ELEMENT
Get/Setf form element place holder.
[generic-function] DISABLEDP CLOG-FORM-ELEMENT
Get/Setf form element disabledp.
[generic-function] READ-ONLY-P CLOG-FORM-ELEMENT
Get/Setf form element read-only-p.
[generic-function] REQUIREDP CLOG-FORM-ELEMENT
Get/Setf form element requiredp.
[generic-function] NAME CLOG-FORM-ELEMENT
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
GET
request could look like http://localhost:8080?My_Field=xxxx
[generic-function] DEFAULT-VALUE CLOG-FORM-ELEMENT
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
[generic-function] VALUE CLOG-FORM-ELEMENT
Get/Setf form element value. Form element values are not accessible through the Text property but instead through the value property.
[generic-function] RADIO-VALUE CLOG-OBJ NAME
Returns the value of the selected radio button in a group called
NAME
.
[generic-function] NAME-VALUE CLOG-OBJ NAME
Returns the value of input item called
NAME
.
[generic-function] PATTERN CLOG-FORM-ELEMENT
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.
[generic-function] MINIMUM CLOG-FORM-ELEMENT
Get/Setf form element minimum.
[generic-function] MAXIMUM CLOG-FORM-ELEMENT
Get/Setf form element maximum.
[generic-function] SIZE CLOG-FORM-ELEMENT
Get/Setf form element size.
[generic-function] ELEMENT-STEP CLOG-FORM-ELEMENT
Get/Setf form element step.
[generic-function] SELECT CLOG-FORM-ELEMENT
Select and highlight the contents of element.
[generic-function] FILE-ACCEPT CLOG-FORM-ELEMENT
Get/Setf form element file-accept. Only works with the File form element type. example: (setf (file-accept obj) "image/png, image/jpeg")
[generic-function] URL-SRC CLOG-FORM-ELEMENT
Get/Setf the url-src of the img.
[generic-function] ALT-TEXT CLOG-FORM-ELEMENT
Get/Setf the alt-text of the img.
[generic-function] CHECKEDP CLOG-FORM-ELEMENT
Get/Setf form element checkedp.
- [type] INPUT-MODE-TYPE
[generic-function] INPUT-MODE CLOG-FORM-ELEMENT
Get/Setf hint the input-mode of an element for virtual keyboards.
[generic-function] SET-DATA-LIST CLOG-FORM-ELEMENT DATA-LIST
Set the option data list to use for this element.
[generic-function] MAKE-DATA-LIST CLOG-FORM-ELEMENT DATA
Set the option data list to use for this element.
[generic-function] MINIMUM-LENGTH CLOG-FORM-ELEMENT
Get/Setf form element minimum-length.
[generic-function] MAXIMUM-LENGTH CLOG-FORM-ELEMENT
Get/Setf form element maximum-length.
CLOG-Label - Class for CLOG
Labels
[class] CLOG-LABEL CLOG-ELEMENT
CLOG
Form Element Label Object
[generic-function] CREATE-LABEL CLOG-OBJ &KEY CONTENT LABEL-FOR
Create a new clog-label as child of
CLOG-OBJ
.
[generic-function] LABEL-FOR CLOG-LABEL ELEMENT
Set label is for
ELEMENT
.
CLOG-Select - Class for CLOG
Selects
[class] CLOG-SELECT CLOG-FORM-ELEMENT
CLOG
Form Element Select Options Object
[generic-function] CREATE-SELECT CLOG-OBJ &KEY NAME MULTIPLE LABEL
Create a new clog-select as child of
CLOG-OBJ
.
[class] CLOG-OPTION CLOG-FORM-ELEMENT
CLOG
Form Element Option forCLOG
Select Object
[generic-function] CREATE-OPTION CLOG-OBJ &KEY CONTENT VALUE SELECTED DISABLED
Create a new clog-option as child of
CLOG-OBJ
.
[class] CLOG-OPTGROUP CLOG-FORM-ELEMENT
CLOG
Form Element Optgroup forCLOG
Select Object
[generic-function] CREATE-OPTGROUP CLOG-OBJ &KEY CONTENT DISABLED
Create a new clog-optgroup as child of
CLOG-OBJ
.
[generic-function] SELECTEDP CLOG-FORM-ELEMENT
Get/Setf form element selectedp.
[generic-function] ADD-SELECT-OPTION CLOG-SELECT VALUE CONTENT
Add option
VALUE
to select.
[generic-function] ADD-SELECT-OPTIONS CLOG-SELECT SELECT
Add group of options to select.
CLOG-Data-List - Class for CLOG
Option Data Lists
[class] CLOG-DATA-LIST CLOG-ELEMENT
CLOG
Form Element Data-List Options Object
[generic-function] CREATE-DATA-LIST CLOG-OBJ &KEY DATA-LIST
Create a new clog-data-list as child of
CLOG-OBJ
and optionally fill in with contents of data-list.
[generic-function] ADD-OPTION CLOG-DATA-LIST VALUE
Add option
VALUE
to data-list.
[generic-function] ADD-OPTIONS CLOG-DATA-LIST DATA-LIST
Add option
VALUE
to data-list.
CLOG-Text-Area - Class for CLOG
Text Areas
[class] CLOG-TEXT-AREA CLOG-FORM-ELEMENT
CLOG
Form Element Text-Area Object
[generic-function] CREATE-TEXT-AREA CLOG-OBJ &KEY COLUMNS ROWS NAME VALUE LABEL
Create a new clog-text-area as child of
CLOG-OBJ
.
[generic-function] WORD-WRAP CLOG-TEXT-AREA
Get/Setf form element word-wrap.
[generic-function] COLUMNS CLOG-TEXT-AREA
Get/Setf form element columns.
[generic-function] ROWS CLOG-TEXT-AREA
Get/Setf form element rows.
[generic-function] DISABLE-RESIZE CLOG-TEXT-AREA
Disable resize of text area.
8 CLOG Canvas Objects
CLOG-Canvas - Class for CLOG
canvas objects
[class] CLOG-CANVAS CLOG-ELEMENT
CLOG
Canvas Objects.
[generic-function] CREATE-CANVAS CLOG-OBJ &KEY WIDTH HEIGHT AUTO-PLACE
Create a new CLOG-Canvas as child of
CLOG-OBJ
if:AUTO-PLACE
(default t) place-inside-bottom-ofCLOG-OBJ
.
- [class] CLOG-CONTEXT2D CLOG-OBJ
[generic-function] CREATE-CONTEXT2D CLOG-CANVAS
Create a new CLOG-Context2d from a CLOG-Canvas
[generic-function] CLEAR-RECT CLOG-CONTEXT2D X Y WIDTH HEIGHT
Clear rectangle to transparent black
[generic-function] FILL-RECT CLOG-CONTEXT2D X Y WIDTH HEIGHT
Fill rectangle with current fill-color
[generic-function] STROKE-RECT CLOG-CONTEXT2D X Y WIDTH HEIGHT
Fill rectangle using current stroke-style
[generic-function] FILL-TEXT CLOG-CONTEXT2D TEXT X Y &KEY MAX-WIDTH
Fill text with current fill-color
[generic-function] STROKE-TEXT CLOG-CONTEXT2D TEXT X Y &KEY MAX-WIDTH
Stroke text with current stroke-style
[generic-function] LINE-WIDTH CLOG-CONTEXT2D VALUE
Set line style width
[generic-function] LINE-CAP CLOG-CONTEXT2D VALUE
Set line cap style
[generic-function] LINE-JOIN CLOG-CONTEXT2D VALUE
Set line join style
[generic-function] MITER-LIMIT CLOG-CONTEXT2D VALUE
Set miter style limit
[generic-function] GET-LINE-DASH CLOG-CONTEXT2D
Set line style dash pattern, e.g. [10, 20][]
[generic-function] SET-LINE-DASH CLOG-CONTEXT2D VALUE
Set line style dash pattern, e.g. [10, 20][]
[generic-function] LINE-DASH-OFFSET CLOG-CONTEXT2D VALUE
Set miter style limit
[generic-function] FONT-STYLE CLOG-CONTEXT2D VALUE
Set font style using css font string https://developer.mozilla.org/en-US/docs/Web/CSS/font
- [type] TEXT-ALIGN-TYPE
[generic-function] TEXT-ALIGN CLOG-CONTEXT2D VALUE
Set text alignment style
- [type] TEXT-BASELINE-TYPE
[generic-function] TEXT-BASELINE CLOG-CONTEXT2D VALUE
Set text baseline style
[generic-function] TEXT-DIR CLOG-CONTEXT2D VALUE
Set text direction style
[generic-function] FILL-STYLE CLOG-CONTEXT2D VALUE
Set text direction style
[generic-function] STROKE-STYLE CLOG-CONTEXT2D VALUE
Set text stroke style
[generic-function] SHADOW-BLUR CLOG-CONTEXT2D VALUE
Set text shadow blur
[generic-function] SHADOW-COLOR CLOG-CONTEXT2D VALUE
Set text shadow color
[generic-function] SHADOW-OFFSET-X CLOG-CONTEXT2D VALUE
Set text shadow offset x
[generic-function] SHADOW-OFFSET-Y CLOG-CONTEXT2D VALUE
Set text shadow offset y
[generic-function] BEGIN-PATH CLOG-CONTEXT2D
Starts a new path empting any previous points.
[generic-function] CLOSE-PATH CLOG-CONTEXT2D
Adds a line to start point of path.
[generic-function] MOVE-TO CLOG-WINDOW X Y
Move browser window to x y.
[generic-function] LINE-TO CLOG-CONTEXT2D X Y
Adds a line to the current path.
[generic-function] BEZIER-CURVE-TO CLOG-CONTEXT2D CP1X CP1Y CP2X CP2Y X Y
Adds a cubic Bezier curve to the current path.
[generic-function] QUADRATIC-CURVE-TO CLOG-CONTEXT2D CPX CPY X Y
Adds a quadratic Bezier curve to the current path.
[generic-function] ARC CLOG-CONTEXT2D X Y RADIUS START-ANGLE END-ANGLE &KEY ANTICLOCKWISE
Adds a circular arc to the current path.
[generic-function] ARC-TO CLOG-CONTEXT2D X1 Y1 X2 Y2
Adds an arc to the current path.
[generic-function] ELLIPSE CLOG-CONTEXT2D X Y RADIUS-X RADIUS-Y ROTATION START-ANGLE END-ANGLE &KEY ANTICLOCKWISE
Adds an elliptical arc to the current path.
[generic-function] RECT CLOG-CONTEXT2D X Y WIDTH HEIGHT
Adds a rectangle to the current path.
[generic-function] PATH-FILL CLOG-CONTEXT2D
Fill a path.
[generic-function] PATH-STROKE CLOG-CONTEXT2D
Stroke a path.
[generic-function] PATH-CLIP CLOG-CONTEXT2D
Clip a path.
[generic-function] CANVAS-SAVE CLOG-CONTEXT2D
Save canvas to stack
[generic-function] CANVAS-RESTORE CLOG-CONTEXT2D
Restore canvas from stack
9 CLOG Body Objects
CLOG-Body - CLOG
Body Objects
[class] CLOG-BODY CLOG-ELEMENT
CLOG
Body Object encapsulate the view in the window.
CLOG-Body - Properties
[generic-function] RUN CLOG-BODY
Keeps the main thread alive to prevent garbage collection of local objects when not using connection-data objects or global objects.
[generic-function] WINDOW CLOG-BODY
Reader for CLOG-Window object
[generic-function] HTML-DOCUMENT CLOG-BODY
Reader for CLOG-Document object
[generic-function] LOCATION CLOG-BODY
Reader for CLOG-Location object
[generic-function] NAVIGATOR CLOG-BODY
Reader for CLOG-Navigator object
10 CLOG Window Objects
CLOG-Window - CLOG
Window Objects
[class] CLOG-WINDOW CLOG-OBJ
CLOG
Window Objects encapsulate the window.

CLOG-Window - Methods
[generic-function] ALERT CLOG-WINDOW MESSAGE
Launch an alert box. Note that as long as not dismissed events and messages may not be trasmitted on most browsers.
[generic-function] LOG-CONSOLE CLOG-WINDOW MESSAGE
Print message to browser console.
[generic-function] LOG-ERROR CLOG-WINDOW MESSAGE
Print error message to browser console.
[generic-function] PRINT-WINDOW CLOG-WINDOW
Send browser window to printer.
[generic-function] SCROLL-BY CLOG-WINDOW X Y
Scroll browser window by x y.
[generic-function] SCROLL-TO CLOG-WINDOW X Y
Scroll browser window to x y.
[generic-function] CLOSE-WINDOW CLOG-WINDOW
Close browser window.
[generic-function] CLOSE-CONNECTION CLOG-WINDOW
Close connection to browser with out closing browser.
- [type] STORAGE-TYPE
[generic-function] STORAGE-LENGTH CLOG-WINDOW STORAGE-TYPE
Number of entries in browser
STORAGE-TYPE
. (local = persistant or session)
[generic-function] STORAGE-KEY CLOG-WINDOW STORAGE-TYPE KEY-NUM
Return the key for entry number
KEY-NUM
in browserSTORAGE-TYPE
. (local = persistant or session)
[generic-function] STORAGE-REMOVE CLOG-WINDOW STORAGE-TYPE KEY-NAME
Remove the storage key and value in browser
STORAGE-TYPE
. (local = persistant or session)
[generic-function] STORAGE-ELEMENT CLOG-WINDOW STORAGE-TYPE KEY-NAME
Get/Setf storage-element on browser client.
CLOG-Window - Events
[generic-function] SET-ON-ABORT CLOG-WINDOW ON-ABORT-HANDLER
Set the
ON-ABORT-HANDLER
forCLOG-OBJ
. IfON-ABORT-HANDLER
is nil unbind the event.
[generic-function] SET-ON-ERROR CLOG-WINDOW ON-ERROR-HANDLER
Set the
ON-ERROR-HANDLER
forCLOG-OBJ
. IfON-ERROR-HANDLER
is nil unbind the event.
[generic-function] SET-ON-BEFORE-UNLOAD CLOG-WINDOW ON-BEFORE-UNLOAD-HANDLER
Set the
ON-BEFORE-UNLOAD-HANDLER
forCLOG-OBJ
. IfON-BEFORE-UNLOAD-HANDLER
is nil unbind the event.
[generic-function] SET-ON-HASH-CHANGE CLOG-WINDOW ON-HASH-CHANGE-HANDLER
Set the
ON-HASH-CHANGE-HANDLER
forCLOG-OBJ
. IfON-HASH-CHANGE-HANDLER
is nil unbind the event.
[generic-function] SET-ON-ORIENTATION-CHANGE CLOG-WINDOW ON-ORIENTATION-CHANGE-HANDLER
Set the
ON-ORIENTATION-CHANGE-HANDLER
forCLOG-OBJ
. IfON-ORIENTATION-CHANGE-HANDLER
is nil unbind the event.
[generic-function] SET-ON-STORAGE CLOG-WINDOW ON-STORAGE-HANDLER
Set the
ON-STORAGE-HANDLER
forCLOG-OBJ
. The on-storage event is fired for changes to :local storage keys.
[generic-function] MOVE-BY CLOG-WINDOW X Y
Move browser window by x y.
[generic-function] MOVE-TO CLOG-WINDOW X Y
Move browser window to x y.
[generic-function] RESIZE-BY CLOG-WINDOW X Y
Resize browser window by x y.
[generic-function] RESIZE-TO CLOG-WINDOW X Y
Resize browser window to x y.
11 CLOG Document Objects
CLOG-Document - CLOG
Document Objects
[class] CLOG-DOCUMENT CLOG-OBJ
CLOG
Document Objects encapsulate the document.
[generic-function] DOMAIN CLOG-DOCUMENT
Get domain.
[generic-function] INPUT-ENCODING CLOG-DOCUMENT
Get input encoding.
[generic-function] LAST-MODIFIED CLOG-DOCUMENT
Get last modified.
[generic-function] REFERER CLOG-DOCUMENT
Get referer.
[generic-function] TITLE CLOG-DOCUMENT
Get/setf title.
[generic-function] DOCUMENT-URL CLOG-DOCUMENT
Get url.
[generic-function] HEAD-ELEMENT CLOG-DOCUMENT
Reader for Head Element object
- [generic-function] BODY-ELEMENT SELF
[generic-function] DOCUMENT-ELEMENT CLOG-DOCUMENT
Reader for Body Element object
[generic-function] READY-STATE CLOG-DOCUMENT
Get ready-state.
[generic-function] LOAD-CSS CLOG-DOCUMENT CSS-URL
Load css from
CSS-URL
.
[generic-function] PUT CLOG-DOCUMENT MESSAGE
Write text to browser document object.
[generic-function] PUT-LINE CLOG-DOCUMENT MESSAGE
Write text to browser document object with new-line.
[generic-function] PUT-BR CLOG-DOCUMENT MESSAGE
Write text to browser document object with
new-line.
[generic-function] NEW-LINE CLOG-DOCUMENT
Write to browser document
new-line.
12 CLOG Location Objects
CLOG-Location - CLOG
Location Objects
[class] CLOG-LOCATION CLOG-OBJ
CLOG
Location Objects encapsulate the location.

CLOG-Location - Methods
[generic-function] RELOAD CLOG-LOCATION
Reload browser window.
[generic-function] URL-REPLACE CLOG-WINDOW REPLACE-URL
Replace browser url.
[generic-function] URL-ASSIGN CLOG-WINDOW ASSIGN-URL
Assign browser url.
13 CLOG Navigator Objects
CLOG-Navigator - CLOG
Navigator Objects
[class] CLOG-NAVIGATOR CLOG-OBJ
CLOG
Navigator Objects encapsulate the navigator.
CLOG-Navigator - Properties
[generic-function] COOKIE-ENABLED-P CLOG-NAVIGATOR
Get if cookie enabled.
[generic-function] LANGUAGE CLOG-NAVIGATOR
Get user prefered language.
[generic-function] USER-AGENT CLOG-NAVIGATOR
Get user agent.
[generic-function] VENDOR CLOG-NAVIGATOR
Get browser vendor.
14 CLOG Framework internals and extensions
Responding to new java script DOM events:
If there is no data for the event just changing the name of the event is sufficient in this example:
(defmethod set-on-click ((obj clog-obj) handler)
(set-event obj "click"
(when handler
(lambda (data)
(declare (ignore data))
(funcall handler obj)))))
If there is data for the event an additional string containing the needed java-script to return the even data and a function to parse out the data.
Replace the event name with the correct name, parse-keyboard-even with the parse function and the string containing the needed JavaScrip replaces keyboard-event-script:
- The event handlers setter
(defmethod set-on-key-down ((obj clog-obj) handler)
(set-event obj "keydown"
(when handler
(lambda (data)
(funcall handler obj (parse-keyboard-event data))))
:call-back-script keyboard-event-script))
- The script
(defparameter keyboard-event-script
"+ e.keyCode + ':' + e.charCode + ':' + e.altKey + ':' + e.ctrlKey + ':' +
e.shiftKey + ':' + e.metaKey")
- The event parser
(defun parse-keyboard-event (data)
(let ((f (ppcre:split ":" data)))
(list
:event-type :keyboard
:key-code (parse-integer (nth 0 f) :junk-allowed t)
:char-code (parse-integer (nth 1 f) :junk-allowed t)
:alt-key (js-true-p (nth 2 f))
:ctrl-key (js-true-p (nth 3 f))
:shift-key (js-true-p (nth 4 f))
:meta-key (js-true-p (nth 5 f)))))


Landing Page
Special Projects
This story is part of a series of specially designed stories that represents some of the best journalism The Post has to offer. Check out the rest of the special projects here.
TAYLOR JOHNSTON
05.25.17
College can be stressful, and some students may look for different ways to unwind and have fun.
One way to do so is to visit the local movie theaters that are within walking or driving distances. Athens’ three primary movie theaters offer an assortment of films and entertainment.
Within walking distance of campus and positioned among the shops and restaurants on Court Street is The Athena Cinema. The Athena is an art house theater owned by Ohio University. It primarily shows independent films and documentaries.
The theater also conducts educational series in conjunction with multiple colleges within OU. Those series include the Fall and Spring Sustainability Series and Science on Screen.
Liz Moughon | FILE
The Athena Cinema on Sept. 1, 2016.
The prices at the Athena vary depending on what time and movie people wish to see. Any show before 6 p.m. is $5 and movies after 6 p.m. are $6.50. Some of the Athena’s special events and series are free for everyone.
England Todd, a freshman studying marketing, has visited the theater a few times and likes how close the theater is to campus. One film she saw at the Athena was Cafe Society, an independent film starring Kristen Stewart, Steve Carell and Jesse Eisenberg, and directed by Woody Allen.
“I like how they have independent movies but also movies that are going to be in the bigger theaters, too,” Todd said.
Those wanting to leave Athens can go to the Fun Barn about 10 miles from OU in Nelsonville. The Fun Barn is not just a movie theater. It also houses an arcade, mini bowling, bumper cars and a food court.
The Fun Barn boasts the cheapest ticket prices at $4 for general admission.
Those who have a car on campus — or can bum a ride off a friend — can travel to the Fun Barn for a fun-filled night.
A short car or bus ride away from campus is the Athena Grand, a theater known for its retro lobby and $5 tickets.
The Athena Grand shows the latest blockbuster hits but brings back old movies for special events. Most of the special events cost $12.50. Some movies the theater has screened include An Affair to Remember and the Halloween series.
Colleen Murnane, a sophomore studying exercise physiology, won a free ticket to the Athena Grand after running in a 5K. She and her boyfriend decided to see Disney’s live-action remake of Beauty and the Beast.
Murnane likes the ‘70s vibe of the lobby and said it was similar to other theaters she has visited. She added she would go see another film at the theater.
“It was nice that the movie tickets were only $5,” she said. “(That’s) a pretty cheap date.”
Back to The Orientation GuideLanding Page
This story is part of a series of specially designed stories that represents some of the best journalism The Post has to offer. Check out the rest of the special projects here.


This is a copy of the original
webkit demo,
using the qooxdoo API and with that, works cross browser if the CSS features are supported.
It shows the effect of the transform style
property. The default setting is preserve-3d
while on hover, the
style will be changed to flat
.


dwr.engine.setTimeout() and the call and batch level call options object allow you to set timeout values. The global dwr.engine.setTimeout() function does it for all DWR calls. A value of 0 (the default) turns call timeouts off.
The units passed to setTimeout() are milli-seconds. If a call timeout happens, the the appropriate error handler is called.
Example of setting a timeout on a call level:
Remote.method(params, { callback:function(data) { alert("it worked"); }, errorHandler:function(message) { alert("it broke"); }, timeout:1000 });
If Remote.method()
takes more then 1 second to execute, the "it broke" message will be displayed.