Mindblown: a blog about philosophy.

  • htmx Cancelando request desde otro elemento

    El archivo solicitado va a llevar a cabo una tarea que le llevará un tiempo. task.php El botón que inicia la tarea tiene incorporado una imagen con la clase htmx-indicator que se muestra cuando está en marcha la solicitud. El resultado se mostrará en la capa de resultados Este otro elemento, mediante JS se va…

  • htmx Headers hx-triggers

    O como hacer un request a un destino que nos envía una cabecera que desencadena en una alerta por JS al llegar a su posición. header-event.php Lo llamamos desde una capa que hemos puesto al final de la página, para que la alerta nos aparezca al llegar a la capa. Y por último, de diremos…

  • htmx hx-delete / hx-prompt

    /form/delete.php Nos mostrará el método empleado en la petición y los valores. Para mostrar en consola JS lo que ha escrito el usuario:

  • Plantilla

    <!DOCTYPE html> <html lang=»es»> <head> <meta charset=»UTF-8″> <meta http-equiv=»X-UA-Compatible» content=»IE=edge»> <meta name=»viewport» content=»width=device-width, initial-scale=1.0″> <title>htmx</title> </head> <body> <script src=»https://unpkg.com/htmx.org@1.8.0″></script> </body> </html>

  • Referencias a <\ htmx>

¿Quieres recomendar algún libro?


  • boosting

    Htmx admite el «boosting» de anclajes y formularios HTML regulares con el atributo hx-boost. Este atributo convertirá todas las etiquetas y formularios de anclaje en solicitudes AJAX que, de forma predeterminada, apuntan al cuerpo de la página. La etiqueta de anclaje en este div emitirá una solicitud AJAX GET a /blog e intercambiará la respuesta…

  • ejemplo

    Serverside rendering pages Click Me Serverside rendering partials Click Me Cargar posts título y resumen Click Me to load all posts Cargar el título de las páginas Click Me to load all pages Cargar imagen pasando ID de la página 2 usando hx-vals='{«pageId»: «2»}’ Click Me to load a featured image cargar fecha Carga el…