wordpressでAjaxを使う方法
Ajaxで送信するurlをJavaScriptから取得できるようにする function my_enqueue() { // ここで決めたハンドル名(ajax-script)と下のwp_localiza_scriptのハンドル名を同じにする wp_enqueue_script( 'ajax-script', '/path/ajax.js', ['jquery'], false, false ); // add_urlがグローバル変数になる add_url.ajax_urlで送信先urlを取得できる wp_localize_script( 'ajax-script', 'add_url',array( 'ajax_url' => admin_url( 'admin-ajax.php') ) ); } add_action( 'wp_enqueue_scripts', 'my_enqueue'
[WordPress] WordPressに準拠した ajax の使い方 | 制作メモ | 560DESIGNS
WordPress で ajax を使う場合ちゃんとやり方が用意されていて、公式ディレクトリに公開するならこれに準拠した作り方をしないと怒られます（怒られるどころかとても親切にやり方を教えてくれます。本当にありがたいです。）。 さて、今回はフロントページに投稿のタイトルを10件ずつ読み込むというのを例にやってみます。 まずは、 functions.php に。 function my_enqueue_ajax_script() { if ( is_front_page() ) { wp_enqueue_script( 'jquery' ); wp_enqueue_script( '【ハンドル名※なんでもＯＫ】', '【このあと作る jQuery の絶対パス】', array ( 'jquery' ), false, true ); wp_localize_script( '【↑と同じハンド
![[WordPress] WordPressに準拠した ajax の使い方 | 制作メモ | 560DESIGNS](https://cdn-ak-scissors.b.st-hatena.com/image/square/5cd95c13d9aa15a363e06fc552218702c6f62f86/height=288;version=1;width=512/https%3A%2F%2Fwww.560designs.com%2Fwp%2Fwp-content%2Fuploads%2F2016%2F02%2Fogp_logo.gif){kind=logo}
ajaxで追加した要素へのイベントセット - Qiita
最近、フロントエンドの技術の進化とともにajax通信を行った後にリアルタイムでviewをレンダリングしていくなどjavascriptでリッチなユーザー体験をするようなサイトが多くなっています。 そうなると今までのjqueryの使い方では対応できない場合などがあります。 今回はクリックなどのイベント付与に関してまとめました。 まず以下は基本となるhtmlコードです。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>box</title> </head> <body> <div id="contant"> <div class="box js-box"></div> </div> <script src="./js/index.js"></script> </body> </html>
WordPressでAjaxする方法をざっくりまとめておく
アドベントカレンダーには参加してないけど今日も今日とてWordPressネタの更新です。今年に入ってから17記事目ですよ。concrete5 Japan Inc.なんてやってるのにおかしいですね。 それはさておき月末の追い込み時に調べる時間がないのにまとまった資料がなくて困った件の覚え書き。30分で終わらせようと思ったのに1時間以上かかってしまった…。WordPressのAjaxはやり方が多すぎてとりあえずこうしとけというのがまとまってないように思います。どうせ山ほどあるWordPress本にも書いてないだろうしな。これでいいのかよく分からないので、間違ってたらツッコミお願いします。 んで、どうも wp_ajax_{action_name} または wp_ajax_nopriv_{action_name} というアクションフックで処理するのがよさそうである。noprivの方はログアウト中、
jQuery.autopager: Automatic Paging Plugin For J Query
See related links to what you are looking for.
jQueryのajaxとloadの違いを教えてください - キーワードを入力したらkeyupに合わせて通信して表示するプログラムを作... - Yahoo!知恵袋
jQueryのajaxとloadの違いを教えてください キーワードを入力したらkeyupに合わせて通信して表示するプログラムを作っています jQueryのajaxを使って作っていたのですが 知恵袋で質問したら2通りの答えが返ってきたのです。 ajax-------------- $.ajax({ type: "POST", url: "keyword.php", data: { "keyword":keyword }, success: function(data){ if(data != '') { document.getElementById("disp").innerHTML = data; -------------------- load--------------- $(#'keyword').keyup(function()｛ keyword=$(#'keyword').v
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」:phpspot開発日誌
ALAJAX - a jQuery plugin for ajax auto form sending | Freelancer ID 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 フォームなんかを作る場合はAjax前提で作ったりしますが、このプラグインで $('#form').alajax(); のように初期化すれば一瞬でajax化が完了します。 もちろん、サーバ側のプログラムの調整は必要ですが、簡単にajax化できるというのはよいかもしれませんね。 やっぱりajaxフォームの速度ってはやくて利用者としては速いほうがいいわけなので、こういう風にマークアップの作り手側は簡単に対応できると作り手としては嬉しいですね。 関連エントリ Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ 画面遷移なしのAjaxでファイルアップロードするjQuer
[JS]jQueryのプラグイン33+1選 -2009年5月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Beautiful jQuery sliders 洗練されたインターフェイスの画像ギャラリー。 BigPicture パネル表示やギ
メンテナンスフリー！郵便番号から住所を返すライブラリ·ajaxzip3 MOONGIFT
Webシステムを開発している中で郵便番号を入力したら自動的に住所を補完して欲しいという要望は多々ある。実装はそれほど難しいものではない。厄介なのはメンテナンスだろう。市区町村の統廃合によってデータが変わった場合の対応だ。 郵便番号から住所に変換する便利なライブラリ 郵便局から配布されているCSVを都度取り込むという方法もあるが、非常に面倒だ。そこで使ってみたいのがajaxzip3だ。 今回紹介するオープンソース・ソフトウェアはajaxzip3、Ajaxを使って住所を取得するライブラリだ。 ajaxzip3の面白い所はライブラリをGoogle Code上にアップロードしてそのまま利用できてしまう点だ。規約上どうなのかという問題はあるが、そのまま使うと自分でメンテナンスする必要が全くなくなってしまう。自分のサーバであってもajaxzip3を外部のSubversionリポジトリからアップロードす
より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集:phpspot開発日誌
16 Free Ajax Contact Forms - For A Better User Experience Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site. より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集。 JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。 LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック Proto Form - 入力チェック機能や現在位置強調機能 jQuery - Ajax Contact Form (Tutorial & Files) - D
AjaxMail：Ajaxを活用したフリーPHPメールフォーム
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
【レビュー】Googleからの贈り物 - Google AJAX Language APIでカンタンに翻訳サイトを (1) 超シンプルなAPIながらスゴイ実力 | エンタープライズ | マイコミジャーナル
20日に発表されたGoogleの新しいWeb API、Google AJAX Language APIは、誰でも簡単に言語の翻訳を行えるようにするJavaScript APIだ。同APIを使うと、JavaScript文字列に対して「日本語←→英語」や「中国語←→英語」と言った変換を簡単に行えるのみならず、文字列が何語で書かれているかを自動判別することもできる。 同APIのパワーがどれほどのものかというと、以下のような翻訳サイトを10分足らずで作れてしまったほどだ(ソースコードは次ページで解説)。 非常にシンプルなAPI(メソッド2つしかない!)にも関わらず、そのパワーがあまりに凄まじすぎる。この興奮をぜひ皆さんにもお伝えしたいと思う。 ということで、さっそくLanguage APIの使い方を学んでいこう。
prototype.jsを用いたフォントサイズ変更スクリプト
Posted by: Hirotaka Ogawa @ January 11, 2007 02:57 PM | Movable Typeを触っている時間がとれないのですが、新年に入ってからちょっとばかしテンプレートとスタイルシートを変更して、ほぼ一カラム、ほぼfont-size: 100%で表示されるようにしました。要はレイアウトとか考えるのを最小限に留めようと思ったわけです。不得手なデザインをこれ以上考える必要がないという私個人の精神衛生上の利点に加え、読者の目にも優しくなりました。 結論: でかフォントは人を健康にします。 それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプト(クッキー保存機能付き)を実現してみました。これまで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
多数の方式で使えるマルチファイルアップローダー·Plupload MOONGIFT
AjaxなWebファイルマネージャーを試してみた！ | 新造人間かわや〜ん オフィシャルサイト(笑)
http://e0166nt.com/blog-entry-590.html
pForm - Free HTML Form Builder - Create Web Form Template Online
はじめてのjQuery