summaryrefslogtreecommitdiffstatshomepage
path: root/www/examples/bulk-update.md
diff options
context:
space:
mode:
authorcarson <carson@leaddyno.com>2020-05-17 05:22:19 -0700
committercarson <carson@leaddyno.com>2020-05-17 05:22:19 -0700
commit3aa8c64754c323f367fae64342f4ac9c20ea5a3d (patch)
tree6de764954d60c019fb87359007919bb56f0fe8f1 /www/examples/bulk-update.md
parente1e4f25b0ef21e96eda192e69ab89e207dd7f617 (diff)
downloadhtmx-3aa8c64754c323f367fae64342f4ac9c20ea5a3d.tar.gz
htmx-3aa8c64754c323f367fae64342f4ac9c20ea5a3d.zip
le big re-rename
Diffstat (limited to 'www/examples/bulk-update.md')
-rw-r--r--www/examples/bulk-update.md20
1 files changed, 10 insertions, 10 deletions
diff --git a/www/examples/bulk-update.md b/www/examples/bulk-update.md
index fb12fe09..072d157f 100644
--- a/www/examples/bulk-update.md
+++ b/www/examples/bulk-update.md
@@ -9,9 +9,9 @@ accomplished by putting a form around a table, with checkboxes in the table, and
values in `POST`'s to two different endpoints: `activate` and `deactivate`:
```html
-<div kt-include="#checked-contacts" kt-target="#tbody">
- <a class="btn" kt-put="/activate">Activate</a>
- <a class="btn" kt-put="/deactivate">Deactivate</a>
+<div hx-include="#checked-contacts" hx-target="#tbody">
+ <a class="btn" hx-put="/activate">Activate</a>
+ <a class="btn" hx-put="/deactivate">Deactivate</a>
</div>
<form id="checked-contacts">
@@ -42,10 +42,10 @@ updated rows. It will apply the class `activate` or `deactivate` to rows that h
us to use a bit of CSS to flash a color helping the user see what happened:
```css
- .kutty-settling tr.deactivate td {
+ .htmx-settling tr.deactivate td {
background: lightcoral;
}
- .kutty-settling tr.activate td {
+ .htmx-settling tr.activate td {
background: darkseagreen;
}
tr td {
@@ -56,10 +56,10 @@ us to use a bit of CSS to flash a color helping the user see what happened:
You can see a working examle of this code below.
<style scoped="">
- .kutty-settling tr.deactivate td {
+ .htmx-settling tr.deactivate td {
background: lightcoral;
}
- .kutty-settling tr.activate td {
+ .htmx-settling tr.activate td {
background: darkseagreen;
}
tr td {
@@ -127,9 +127,9 @@ You can see a working examle of this code below.
// templates
function displayUI(contacts) {
- return `<div kt-include="#checked-contacts" kt-target="#tbody">
- <a class="btn" kt-put="/activate">Activate</a>
- <a class="btn" kt-put="/deactivate">Deactivate</a>
+ return `<div hx-include="#checked-contacts" hx-target="#tbody">
+ <a class="btn" hx-put="/activate">Activate</a>
+ <a class="btn" hx-put="/deactivate">Deactivate</a>
</div>
<form id="checked-contacts">