mirror of
https://github.com/rabbibotton/clog.git
synced 2025-12-06 10:40:45 -08:00
42 lines
1.6 KiB
Common Lisp
42 lines
1.6 KiB
Common Lisp
(defpackage #:clog-tut-2
|
|
(:use #:cl #:clog)
|
|
(:export start-tutorial))
|
|
|
|
(in-package :clog-tut-2)
|
|
|
|
(defun on-new-window (body)
|
|
"On-new-window handler."
|
|
;; Give your app a name that appears in the browser tab/window
|
|
(setf (title (html-document body)) "Tutorial 2")
|
|
;; The CLOG-body object gives you access to a number of other CLOG-Objects
|
|
;;
|
|
;; (html-document body) is the CLOG-Document object ~ These are aproximately
|
|
;; (window body) is the CLOG-Window object ~ the equivelant html
|
|
;; (location body) is the CLOG-Location object ~ objects of same name.
|
|
;; (navigator body) is the CLOG-Navigator object ~ See the manual or src.
|
|
|
|
(let ((hello-element
|
|
;; CREATE-SECTION is a lispier way of creating any of the HTML 5
|
|
;; section elements:
|
|
;;
|
|
;; :address :article :aside :header :main :nav :hgroup
|
|
;; :p :pre :section :blockquote :h1 :h2 :h3 :h4 :h5 :h6
|
|
;;
|
|
;; Take a look at clog-element-common.lisp or the clog-manual
|
|
(create-section body :h1 :content "Hello World! (click me!)")))
|
|
|
|
(let ((x 0)) ; A closure - each call to on-new-window by
|
|
(set-on-click hello-element ; a new browser window or refresh will
|
|
(lambda (obj) ; create a different version of this closure.
|
|
(declare (ignore obj))
|
|
(incf x)
|
|
(dotimes (n x)
|
|
(create-child body
|
|
(format nil "<p>Clicked ~A times.</p>" x))
|
|
(scroll-to (window body) 0 (height body))))))
|
|
(run body)))
|
|
|
|
(defun start-tutorial ()
|
|
"Start turtorial."
|
|
(initialize 'on-new-window)
|
|
(open-browser))
|