WordPressでAjaxを使う方法の解説 | hijiriworld Web
基本の解説 STEP1. リクエスト送信先のパス WordPress で Ajax を使う場合 /wp-admin/admin-ajax.php にリクエストを送ることに決まっている。 JavaScript ファイル内で動的にパスを指定することはできないので、wp_head にフックしてリクエスト送信先のURLをグローバル変数として出力しておく。 > functions.php function add_my_ajaxurl() { ?> <script> var ajaxurl = '<?php echo admin_url( 'admin-ajax.php'); ?>'; </script> <?php } add_action( 'wp_head', 'add_my_ajaxurl', 1 ); wp_head アクションにフックすることで head 要素内に JavaScript
テックノート – Ajaxのjsonp・callbackの仕組みについて解説します。
callbackパラメータってどうやってつけるの？API側がデフォルト値でOKの場合は、開発者が意識する必要はありません。 dataType: 'jsonp'を指定するだけで、デフォルトで、callback=jQuery1900...というパラメータが渡ります。 APIの実行後は、自動的にsuccess、error、に振り分けられて処理を実行します。 $( function() { $( '#ajax-button' ) .click( function() { $.ajax({ url: 'http://localhost:8080/app/family?test1=1&test2=1', type:'GET', dataType: 'jsonp', timeout:10000, success: function(data) { alert("ok"); }, error: funct
WordPressでajaxの基本的なやり方 - Shinichi Nishikawa's
WordPressに備わっているajaxについて、手順などをまとめます。もっといい方法、や修正などあったら教えてくださいましな。 今回作ったのは、タクソノミーによる絞込の検索フォームを作成する際に、階層を持つタクソノミーのドロップダウンを2つ用意して、親ターム選択用のドロップダウンでタームが選択されたら、子タームが取得されてもうひとつのドロップダウンの内容が変わる、というものです。 意図する動き どのように動くのか。 ひとつめのドロップダウンで、タームが選択される ひとつめのドロップダウンで選択されたタームのIDがWordPressに送信される タームのIDを受け取ったWordPressが、そのIDのタームの子タームのIDと名前をjsonで返す IDとタームを受け取ったら、ふたつめのドロップダウンのoptionを書き換える 親タームが選択された、というイベントをきっかけとして、WordPr
ZURB - Home
Greetings, Earthling — We’re ZURB, a team of designers, researchers and nerds that help companies design better products, websites and services by using user data. Chart Your Course Our team of design veterans love building complex digital products and integrated services. We'll help you navigate and discover valuable insights that will unlock huge breakthroughs for your organization.
jQuery+Ajaxで実装するファイルアップローダー | designaholic
こちらで紹介されています。 10 Powerful AJAX jQuery File Uploaders 画面遷移なしにアップの進捗や実行結果が分かるので、ユーザビリティの高いインターフェースを実現するのに重宝しそうですね。
Tracking form submissions with Google Analytics | Contact Form 7
If you use Google Analytics to monitor web traffic on your site, you may also want to track form submissions. This article describes how to track form submissions as events with Google Analytics 4 (GA4). Note: This article will not go into the basic usage of Google Analytics. If you are not yet familiar with Google Analytics, please refer to Google’s documentation first. The simplest way to introd
【Adobe Spry TIPS】 CSVを取得表示
【Adobe Spry TIPS】 CSVを取得表示 Spryは簡単にCSVを取得して表示することもできます。（これはすごくないです？） CSVを扱う為にはSpryData.jsとSpryCSVDataSet.jsを利用します。 <script type="text/javascript" src="./includes/SpryData.js"></script> <script type="text/javascript" src="./includes/SpryCSVDataSet.js"></script> コメントで指摘をいただきましたが、本サンプルはspry:region 属性がtableに完全対応はしていない為IE6等では動作しません。（追記：2009/12/25) CSVDataSetでCSVデータを取得します。 <script type="text/javascript"
逆引きAdobe Spryリファレンス
このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ
MOONGIFT: » 絶対お勧め！JavaScriptでテーブルソート「Table Sorter」:オープンソースを毎日紹介
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
120 Free Ajax Activity Indicator Gif Icons | badeziner
http://bizcaz.com/archives/2007/10/19-000703.php
http://youmos.com/news/dfsmoothscroll