Skip to content

Commit

Permalink
Merge remote-tracking branch 'origin/master' into dev
Browse files Browse the repository at this point in the history
  • Loading branch information
1cg committed Apr 26, 2023
2 parents bea31f6 + 7f8cb74 commit 99b33b5
Show file tree
Hide file tree
Showing 6 changed files with 17 additions and 14 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ directly in HTML, using [attributes](https://htmx.org/reference#attributes), so
[modern user interfaces](https://htmx.org/examples) with the [simplicity](https://en.wikipedia.org/wiki/HATEOAS) and
[power](https://www.ics.uci.edu/~fielding/pubs/dissertation/rest_arch_style.htm) of hypertext

htmx is small ([~10k min.gz'd](https://unpkg.com/htmx.org/dist/)),
htmx is small ([~14k min.gz'd](https://unpkg.com/htmx.org/dist/)),
[dependency-free](https://github.com/bigskysoftware/htmx/blob/master/package.json),
[extendable](https://htmx.org/extensions) &
IE11 compatible
Expand Down
16 changes: 5 additions & 11 deletions www/content/attributes/hx-target.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,21 +5,15 @@ title = "hx-target"
The `hx-target` attribute allows you to target a different element for swapping than the one issuing the AJAX
request. The value of this attribute can be:

* a CSS query selector of the element to target
* `this` which indicates that the element that the `hx-target` attribute is on is the target
* `closest <CSS selector>` which will find the closest parent ancestor that matches the given CSS selector.
(e.g. `closest tr` will target the closest table row to the element)
* A CSS query selector of the element to target.
* `this` which indicates that the element that the `hx-target` attribute is on is the target.
* `closest <CSS selector>` which will find the closest parent ancestor that matches the given CSS selector
(e.g. `closest tr` will target the closest table row to the element).
* `find <CSS selector>` which will find the first child descendant element that matches the given CSS selector.
* a CSS query selector of the element to target
* `this` which indicates that the element that the `hx-target` attribute is on is the target
`next <CSS selector>` which will scan the DOM forward for the first element that matches the given CSS selector.
* `next <CSS selector>` which will scan the DOM forward for the first element that matches the given CSS selector.
(e.g. `next .error` will target the closest following sibling element with `error` class)
* `previous <CSS selector>` which will scan the DOM backwards for the first element that matches the given CSS selector.
(e.g `previous .error` will target the closest previous sibling with `error` class)
* `closest <CSS selector>` which will find the closest parent ancestor that matches the given CSS selector.
(e.g. `closest table` will target the closest parent table to the element)
* `find <CSS selector>` which will find the first child descendant element that matches the given CSS selector.
(e.g `find tr` will target the first child descendant row to the element)


Here is an example that targets a div:
Expand Down
2 changes: 1 addition & 1 deletion www/content/docs.md
Original file line number Diff line number Diff line change
Expand Up @@ -1203,7 +1203,7 @@ to scripting in your htmx-based web application:
* [Consider inline scripting](/essays/hypermedia-friendly-scripting#inline)

The primary integration point between htmx and scripting solutions is the [events](#events) that htmx sends and can
respond to. See the SortableJS example in the [3rd Party Javascript](3rd-party) section for a good template for
respond to. See the SortableJS example in the [3rd Party Javascript](#3rd-party) section for a good template for
integrating a JavaScript library with htmx via events.

Scripting solutions that pair well with htmx include:
Expand Down
2 changes: 1 addition & 1 deletion www/content/essays/hypermedia-driven-applications.md
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ The following libraries allow developers to create HDAs:

* <https://htmx.org>
* <https://unpoly.com/>
* <https://kasta-ua.github.io/twinspark-js/>
* <https://piranha.github.io/twinspark-js/>
* <https://hotwire.dev>
* <https://hyperview.org/> (a mobile hypermedia!)

Expand Down
7 changes: 7 additions & 0 deletions www/content/server-examples.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ These examples may make it a bit easier to get started using htmx with your plat
- <https://github.com/DamianStanger/hapi-htmx>

## Python
- <https://github.com/PyHAT-stack/awesome-python-htmx>

### Django

Expand All @@ -44,6 +45,7 @@ These examples may make it a bit easier to get started using htmx with your plat

### Flask

- <https://github.com/edmondchuc/flask-htmx>
- <https://github.com/cscortes/htmxflask>

### py4web
Expand Down Expand Up @@ -106,3 +108,8 @@ These examples may make it a bit easier to get started using htmx with your plat
## Julia

- <https://github.com/clarkevans/TodoMVC.jl>

## OCaml

- <https://ocaml.org/p/dream-htmx>
- <https://github.com/yawaramin/dream-html>
2 changes: 2 additions & 0 deletions www/static/_redirects
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
/locality-of-behaviour /essays/locality-of-behaviour
/locality-of-behavior /essays/locality-of-behaviour
/essays/locality-of-behavior /essays/locality-of-behaviour
/posts/2020-6-19-htmx-0.0.5-is-released/ /posts/2020-6-20-htmx-0.0.6-is-released/
/discord https://discord.gg/Z6gPqAd
/feed.xml /atom.xml
Expand Down

0 comments on commit 99b33b5

Please sign in to comment.