PACE — Automatic page load progress bars
What is Pace? Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. Download If you’re a developer, download Pace directly here: Pace.js Themes Enter a color:
Modaal - A WCAG 2.0 Level AA accessible modal plugin by @wearehumaan
Modaal is a WCAG 2.0 Level AA accessible modal window plugin. Why another modal plugin? It's hard to find a plugin with the right mix of quality, flexibility and accessibility. We thought it would be interesting to develop something that would work in a variety of projects, furthering the cause for an accessible web. Accessibility Features WCAG 2.0 Level AA Support Saving page focusing state on mo
Simple AJAX using HTML attributes
intercooler.js AJAX With Attributes: There is no need to be complex Announcement: htmx 1.x (intercooler 2.0) is now available at https://htmx.org and is recommended for all new projects. intercooler.js will continue to be supported indefinitely. <!-- This anchor tag posts to '/click' when it is clicked --> <a ic-post-to="/click"> Click Me! </a>
JavaScriptがちょっとわかる人向けの、Ajaxの話。 - Qiita
先程のdata引数は、第一引数にあたります。 これは、jqXHRオブジェクトのresponseJsonプロパティ値と同じものです。 第二引数のtextStatusは、通信の結果により、success, notmodified, nocontent, error, timeout, abort, parsererrorのどれかが返ります。 では、jqXHRオブジェクトとは、なんでしょうか？ jqXHRオブジェクトとは？ jQueryの公式ドキュメントを見ると、こう書かれています。 The jqXHR Object The jQuery XMLHttpRequest (jqXHR) object returned by $.ajax() as of jQuery 1.5 is a superset of the browser's native XMLHttpRequest object. F
pushState() + AJaxでスムーズなコンテンツの遷移 | スターフィールド株式会社
Ajaxはページ遷移で発生するユーザーのストレスを軽減する方法として有効ですが、 ページ遷移の履歴が残らないため、 ブラウザの戻るボタンを押した場合に、ユーザーの意図しない動作になってしまう場合が多々あります。 HTML5のJavaScriptの仕様で、履歴を扱うhistoryオブジェクトに、 pushState()およびpopstateイベントが追加され、 Ajaxのような実際にページ遷移しない場合でも、ページの変化があるごとに、URLを変更して履歴を追加することができるようになりました。 この機能はIE10以上のブラウザで利用することができます。 今回は、この機能を使ったページ遷移の方法をご紹介いたします。 ↓作ってみたもの DEMO 方法 遷移するそれぞれのページを、Ajax経由ではなく、直接開いても問題ない状態で用意する 初期で読み込んだページのURLを取得し、pushState(
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」の紹介です。 １．はじめに jQuery.ajax()を使ってウェブページのコンテンツを入れ替えた場合、ブラウザのURLは変更されません。 が、本エントリーで紹介する「PJAX」を利用すれば、コンテンツを入れ替えと同時にURLの変更を行うことができます。 PJAX 「PJAX」とは「pushState」と「Ajax」を組み合わせた機能をもつjQueryプラグインです。 URLの変更は「History API」というHTML5の機能を使って実現しています。 「pushState」は、History APIで履歴を追加するメソッドを指します。 ２．プラグインのダウンロード PJAXのダウンロードページにアクセスし、最新版のjquery.pjax.jsまたはjquery.pjax.min.jsをダウンロードします。 ３．サ
WordPressでpjaxを使ってスムーズにページ遷移をしてみよう
以前ブログのテーマをマテリアルデザインにリニューアルしたとき、pjaxを導入したとお伝えしましたが、肝心の解説をするのを忘れていました。今回は簡単なデモと解説でpjaxを実際に触れてみるまでをご紹介したいと思います。 pjaxとは PJAX リニューアル告知の時にも少し触れましたが、おさらいを兼ねてもう少し詳しくご紹介します。 pjaxとはajaxとpushStateを組み合わせた技術です。Ajaxで非同期にコンテンツを入れ替え、HTML5から導入されたHistory APIを使ってブラウザにURLの履歴を追加できます。 これを使えばコンテンツ部分だけを読み込んで通信量を削減&読み込み速度が向上されます。ページを遷移にアニメーションなどを追加してカッコいいページが作れちゃいます。 対応ブラウザは以下のとおり。非対応ブラウザであっても通常のリンクとして遷移するので問題ありません。 Can I
AjaxでWordPressのコンテンツを遷移せず表示させる - Show-web
WordPressのコンテンツをtwitterやgoogle画像検索のようにあらかじめ一定数のコンテンツを表示させておき「もっと見る」リンクをクリックで画面遷移無くコンテンツを出力させたいと思います。 INDEX 仕様・デモ WordPressでAjaxを使う /wp-admin/admin-ajax.phpを使う /wp-admin/admin-ajax.phpを使ったデモ 表示用の固定ページ作成 functions.php周り JavaScript登録 全投稿数を取得しクッキーに保存させる 「もっと見る」クリック時のAjax処理登録 課題等 参考サイト 仕様・デモ いくつか課題はありますが、とりあえずの仕様としては以下の通り。 投稿のタイトル及びリンクをあらかじめ一定数表示（今回は10件） 「もっと見る」をクリックする度にAjaxでコンテンツを取得し10件ずつ追加 固定ページ「Ajax
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[cross-domain-ajax] Not works since YQL API's update · Issue #33 · padolsey-archive/jquery.fn