diff --git a/www/content/docs.md b/www/content/docs.md index 081c6043..82e43c17 100644 --- a/www/content/docs.md +++ b/www/content/docs.md @@ -423,7 +423,7 @@ on it to transition to an opacity of `1`, showing the indicator. Here we have a button. When it is clicked the `htmx-request` class will be added to it, which will reveal the spinner gif element. -Rhe `htmx-indicator` class uses opacity to hide and show the progress indicator but if you would prefer another +The `htmx-indicator` class uses opacity to hide and show the progress indicator but if you would prefer another mechanism you can create your own CSS transition like so: ```css @@ -643,7 +643,7 @@ More examples and details can be found on the [`hx-sync` attribute page.](@/attr ### CSS Transitions {#css_transitions} htmx makes it easy to use [CSS Transitions](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions) without -javascript. Consider this HTML content: +JavaScript. Consider this HTML content: ```html
Original Content
@@ -776,7 +776,7 @@ differently. ### Confirming Requests {#confirming} Often you will want to confirm an action before issuing a request. htmx supports the [`hx-confirm`](@/attributes/hx-confirm.md) -attribute, which allows you to confirm an action using a simple javascript dialog: +attribute, which allows you to confirm an action using a simple JavaScript dialog: ```html ``` -### 3rd Party Javascript {#3rd-party} +### 3rd Party JavaScript {#3rd-party} Htmx integrates well with third party libraries. @@ -1442,7 +1442,7 @@ A good example of this is the [SortableJS demo](@/patterns/drag-to-reorder.md): ``` -With Sortable, as with most javascript libraries, you need to initialize content at some point. +With Sortable, as with most JavaScript libraries, you need to initialize content at some point. In htmx, the cleanest way to do this is using the `htmx.onLoad()` method to register a callback. @@ -1709,7 +1709,7 @@ They are listed below: | `htmx.config.metaCharacter` | defaults to `undefined`, allows you to use a custom character instead of `:` for attribute modifiers (e.g., `-` to use `hx-get-inherited` instead of `hx-get:inherited`) | -You can set them directly in javascript, or you can use a `meta` tag: +You can set them directly in JavaScript, or you can use a `meta` tag: ```html