Mindblown: a blog about philosophy.

  • Ejercicios

    Ejemplos sencillos en los que se muestra la facilidad de implementar el código. Cada vez que se hace click, se carga un chiste. Evento por defecto, no hace falta declararlo: Cada vez que se hace click, se carga un chiste. Al pasar el ratón por encima una única vez Automáticamente cada 3 segundos Haciendo uso…

  • htmx contra PHP

    Ejercicio sencillo, en el que el destino de nuestra petición GET nos devuelve código generado del lado del servidor /parts/php/fecha.php Pasando parámetros NOTA: En hx-vals, las claves y los valores deben ir entre comillas dobles ( » » ), asignación son los dos puntos ( : ) y los pares van separados por comas (…

  • htmx contra JS

    Ejercicio sencillo, en el que el destino de nuestra petición GET nos devuelve código generado por una Promesa resuelta en JS /parts/js/index.html En caso de no haber especificado que se ejecuta una única vez con el atributo once , lo que ocurrirá es que al pulsar el botón de nuevo, nos indicará que las variables…

  • htmx Eventos Especiales

    Vamos a llamar a la misma página para que nos muestre un contenido. /parts/trigger-revealed.html Y utilizamos diferentes «eventos especiales» a ver que ocurre. load load se dispara una vez cuando el elemento se carga por primera vez. Se carga desde el principio, por lo que no se muestra el texto hola. revealed revealed se dispara una vez…

  • htmx Server Sent Events

    sse.php En este ejemplo especificamos message, de ahí que la salida de php solo muestre data. En la cabecera devuelta lo que se espera es de tipo text/event-stream. Debido a que a partir de la versión 1.8 se usa como una extensión, se ha de añadir la llamada a la extensión Otro caso es en…

¿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…