HTMX, perform something on page load
Use htmx.onLoad()
Simple example:
<script src='https://unpkg.com/htmx.org@1.9.6'></script>
<p class='mt-5 mb-0' id='last-updated'>Last updated ...</p>
<button
id='fetch-last-updated'
hx-post='/partials/last-updated/'
hx-trigger='click'
hx-target='#last-updated'
hx-swap='innerHTML'>
</button>
<script>
htmx.onLoad(function (el) {
const contentElement = document.getElementById('fetch-last-updated')
htmx.trigger(contentElement, 'click', {})
})
</script>
I wrote 21 books to help you become a better developer:
- HTML Handbook
- Next.js Pages Router Handbook
- Alpine.js Handbook
- HTMX Handbook
- TypeScript Handbook
- React Handbook
- SQL Handbook
- Git Cheat Sheet
- Laravel Handbook
- Express Handbook
- Swift Handbook
- Go Handbook
- PHP Handbook
- Python Handbook
- Linux Commands Handbook
- C Handbook
- JavaScript Handbook
- Svelte Handbook
- CSS Handbook
- Node.js Handbook
- Vue Handbook