itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-08 02:05:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #45 from bencroker/patch-5

Browse Source 
Replaced instances of `ic-` with `hx-` in docs
This commit is contained in:
chg20 2020-05-27 17:37:56 -07:00 committed by GitHub
commit 6e0895c901
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/attributes/hx-indicator.md
View File

@ -54,12 +54,12 @@ CSS. Here is an example that uses `display` rather than opacity:
} }
``` ```
Note that the target of the `ic-indicator` selector need not be the exact element that you Note that the target of the `hx-indicator` selector need not be the exact element that you
want to show: it can be any element in the parent hierarchy of the indicator. want to show: it can be any element in the parent hierarchy of the indicator.
Finally, note that the `htmx-request` class by default is added to the element causing Finally, note that the `htmx-request` class by default is added to the element causing
the request, so you can place an indicator inside of that element and not need to explictly the request, so you can place an indicator inside of that element and not need to explictly
call it out with the `ic-indicator` attribute: call it out with the `hx-indicator` attribute:
```html ```html
<button hx-post="/example"> <button hx-post="/example">

2
www/attributes/hx-target.md
View File

@ -9,7 +9,7 @@ The `hx-target` attribute allows you to target a different element for swapping
request. The value of this attribute can be: request. The value of this attribute can be:
* a CSS query selector of the element to target * a CSS query selector of the element to target
* `this` which indicates that the element that the `ic-target` attribute is on is the 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. * `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) (e.g. `closest tr` will target the closest table row to the element)

2
www/events.md
View File

@ -226,7 +226,7 @@ than a single value.
##### Details ##### Details
* `detail.parameters` - the parameters that will be submitted in the request * `detail.parameters` - the parameters that will be submitted in the request
* `detail.unfilteredParameters` - the parameters that were found before filtering by [`ic-select`](/attributes/ic-select) * `detail.unfilteredParameters` - the parameters that were found before filtering by [`hx-select`](/attributes/hx-select)
* `detail.headers` - the request headers * `detail.headers` - the request headers
* `detail.elt` - the element that triggered the request * `detail.elt` - the element that triggered the request
* `detail.target` - the target of the request * `detail.target` - the target of the request

2
www/examples/inline-validation.md
View File

@ -107,7 +107,7 @@ Below is a working demo of this example. The only email that will be accepted i
// templates // templates
function formTemplate(page) { function formTemplate(page) {
return `<h3>Signup Form</h3><form ic-post-to="/contact"> return `<h3>Signup Form</h3><form hx-post="/contact">
<div hx-target="this" hx-swap="outerHTML"> <div hx-target="this" hx-swap="outerHTML">
<label>Email Address</label> <label>Email Address</label>
<input name="email" hx-get="/contact/email" hx-indicator="#ind"> <input name="email" hx-get="/contact/email" hx-indicator="#ind">

2
www/reference.md
View File

@ -62,7 +62,7 @@ title: </> htmx - Attributes
| `X-HX-Active-Element` | the `id` of the active element if it exists | `X-HX-Active-Element` | the `id` of the active element if it exists
| `X-HX-Current-URL` | the current URL of the browser | `X-HX-Current-URL` | the current URL of the browser
| `X-HX-Event-Target` | the `id` of the original event target | `X-HX-Event-Target` | the `id` of the original event target
| `X-HX-Prompt` | the user response to an [ic-prompt](/attributes/hx-prompt) | `X-HX-Prompt` | the user response to an [hx-prompt](/attributes/hx-prompt)
| `X-HX-Request` | always `true` | `X-HX-Request` | always `true`
| `X-HX-Target` | the `id` of the target element if it exists | `X-HX-Target` | the `id` of the target element if it exists
| `X-HX-Trigger-Name` | the `name` of the triggered element if it exists | `X-HX-Trigger-Name` | the `name` of the triggered element if it exists