htmx と a-blog cms で作る「もっと見る」ボタンの実装方法
まず、実践的な実装方法の一つとして、標準的なページャー UI を Ajax を使用した動的コンテンツ読み込みに置き換える方法を紹介します。これを実現するために、htmx を利用します。 head に htmx のライブラリを読み込み a-blog cms を htmx のバックエンドに利用する場合、ajax-header.js の読み込みが必要ですので...
まず、実践的な実装方法の一つとして、標準的なページャー UI を Ajax を使用した動的コンテンツ読み込みに置き換える方法を紹介します。これを実現するために、htmx を利用します。 head に htmx のライブラリを読み込み a-blog cms を htmx のバックエンドに利用する場合、ajax-header.js の読み込みが必要ですので...
htmx は標準で browser history API をサポートしており、属性に hx-push-url="true" を追加することで、これを簡単に利用できます。a-blog cms をバックエンドで使用する際の注意点をいくつか紹介します。 htmx.org / History Support ※(例)と書かれている部分は実際には動作しません。 hx-push-url 属性を設定して...
ウェブサイトやブログをよりインタラクティブにするためには、革新的な技術の採用が欠かせません。特に a-blog cms を使用している皆さんにとって、post include 機能は、フォームの POSTメソッドを介したデータ送信に依存することで、コンテンツの動的な組み込みや更新を可能にする強力なツールとして知られています。...
次のページをその場で表示する a-blog cmsにはポストインクルードというAJAXを簡単に扱う為の仕組みがあります。 その仕組みを使ってページリロードなしにどんどんエントリーを表示してみます。 まずは、Entry_Bodyを使いボタンを押す事により次のページを引っ張ってきます。 実装方法 フォームのクラスに「js-post_i...