paku/hsx
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

suggestions on inline javascript and css in lispy way

Browse source
This commit is contained in:
Bo Yao 2018-07-28 11:26:47 -04:00
parent 1b0fb3fb0b
commit a721918896
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
README.md
View file

@ -153,11 +153,24 @@ From version 0.2 (available in Aug 2018 Quicklisp), flute supports css style id
(h (div#a.b :class "c" :onclick "fun()")) (h (div#a.b :class "c" :onclick "fun()"))
``` ```
## Inline CSS and JavaScript
With help of [cl-css](https://github.com/Inaimathi/cl-css) (available in Quicklisp), You can write inline CSS for the `style` attribute, in a similar syntax like flute:
```lisp
(div :style (inline-css '(:margin 5px :padding 0px)))
```
`cl-css:inline-css` is a function taking plist and returns the result css string, so it can be safely used inside or outside of `H` macro and with variable arguments.
With help of [Parenscript](https://github.com/vsedach/Parenscript) (available in Quicklisp), You can write inline JavaScript for `onclick`, etc. attribute:
```lisp
(button :onclick (ps-inline (func)))
```
That's all you need to know to define elements and generate html. Please reference the [API Reference](#api-reference) Section for detailed API. That's all you need to know to define elements and generate html. Please reference the [API Reference](#api-reference) Section for detailed API.
# Change Logs # Change Logs
## 2018/07/28 Version 0.2-dev ## 2018/07/28 Version 0.2-dev
- Support `element#id.class1.class2` in `H` macro for builtin elements; - Support `element#id.class1.class2` in `H` macro for builtin elements;
- Suggestions on inline CSS and JavaScript in lispy way;
- Jon Atack fix an error example in README. - Jon Atack fix an error example in README.
## 2018/07/11 Version 0.1 ## 2018/07/11 Version 0.1
- Current features, APIs and Tests. - Current features, APIs and Tests.