【ES6】 JavaScript初心者でもわかるPromise講座 - Qiita
はじめに Promiseって...難しくないですか？？？ 3ヶ月くらい前の私は、Promiseをほとんど理解できてないのにasync/awaitとか使っちゃってたし、様々な記事を読み漁ってもなかなか理解できず、Promiseの正体を掴むのに時間がかかってしまいました。 そんな3ヶ月くらい前の自分にも伝わるように、できる限り丁寧にPromiseを説明していこうと思います。 前提 本記事では、Promise以外のES6の書き方に関しては触れておりません。 アロー関数やテンプレート文字列などを例文で用いているため、わからない方がいましたら下記記事などを参考にしていただけると幸いです。 ES2015(ES6) 入門 Promiseとは JavaScriptは処理を待てない！ まずはじめに、下記コードを実行してみると、どのような結果になるでしょうか。 console.log("1番目"); // 1
[CakePHP]コントローラ（アクション）から渡された配列をjQuery.Ajaxで利用する
表題が適切ではないかもしれません。 Ajaxアクセス先のコントローラアクションから渡した配列を、呼び出し元のページのjQueryのコード内で利用する方法です。*1 AjaxにはjQueryを、CakePHPではJsヘルパーを利用します。 もしかしたら私の書き方は変わっているかもしれませんので、参考程度に読んでいただけたら助かります。 本題 文字で説明するよりソースコードの方が分かりやすいかもしれません。 call.ctpからAjaxでexecアクションを呼んでデータベースの情報を取得。取得した情報をAjax呼び出し元のcall.ctpのjavascriptソース内で使用するイメージです。 // 略 var $helpers = array('Html', 'Form', 'Js'); /** * 呼び出し元のアクション **/ function call() { // なにも処理しない }
![[CakePHP]コントローラ（アクション）から渡された配列をjQuery.Ajaxで利用する](https://cdn-ak-scissors.b.st-hatena.com/image/square/7eb23296ab1428b4ed7aae44c543770cc9fc52c9/height=288;version=1;width=512/https%3A%2F%2Fhappyquality.com%2Fwp-content%2Fuploads%2F2012%2F05%2Fmedium_4439062727.jpg)
jqGridで簡単リッチなテーブル作成 - Taste of Tech Topics
こんにちは、しょこたんです。 今日は、HTML5とは、少し違う方向ですが、 jqGridの紹介をしたいと思います。 というのも、ついこの間久しぶりに本家のページを訪れたところ、 この4月にメジャーバージョンアップされていたので 紹介したいなと思いました。 もちろん、 新機能の紹介も合わせて行いたいと思います。 1.jqGridってそもそもなに？ jqGridは、 簡単にリッチなテーブルを作成することができるライブラリです。 javascriptライブラリの一つで、 jqueryを用いたプロダクトの一つですね。 20行程度記述し、データを入れるだけで、 というように、 ・スクロールバー ・ページング ・検索機能 ・1ページ当たりの表示行数の変更 というような機能が自動でつく優れものです。 2.テーブルを作ってみよう。 そんなの知ってるよなんて人は、 読み飛ばしてくださいね。 まずは、ソースを
jQuery で非同期通信中にローディング画像を表示する方法 | jQuery | 阿部辰也のブログ――人生はひまつぶし。
jQuery で Ajax な非同期通信中に「Now Loading」的な GIFアニメ画像を表示する方法の解説です。 超小ネタですが。 jQuery で非同期通信処理をしている間に「Now Loading」的なアニメーション画像を表示する、というのはよくあるパターンですが、その方法の解説です。 ローディング中の画像を表示するスクリプト 例えば、以下のような html の id="message" の内容を Ajax によって変更したい場合。 <p id="message">ここのメッセージが非同期通信後に変更されます。</p> <form method="GET" action="#"> <input type="button" value="ここをクリックでメッセージ変更" onclick="ChangeMessage();"> </form> この時、function ChangeM
CTOA日記:jQuery Form Pluginの使い方 その1 - livedoor Blog（ブログ）
2008年07月18日 jQuery Form Pluginの使い方 その1 jQuery Form Pluginについてサンプルを基に解説します。 //DOM読み込み完了時に各種設定 $(document).ready(function() { //各種プロパティの配列 var options = { target: '#output', // サーバの戻りを出力する場所を指定 beforeSubmit: hogeRequest, // 送信前に呼び出す関数 success: hogeResponse, // サーバからの応答時に呼び出す関数 url: 'hoge.php', // formタグのactionをここで変更可能 type: 'post', // postまたはget datatype:'json', //サーバ側のレスポンスのデータタイプを指定 timeout: 3000
jQuery Form Pluginの解説と画像のAJAXアップロード - くらげだらけ
ExtJSの勉強もしてるんですがね、jQueryの方が楽ちんすぎて今でも使っているんです。 jQueryでは.load()とか.post()とか.get()とか書けば簡単にAJAXが書けますが、フォームをAJAXで扱いたい場合は「jQuery Form Plugin」を使うわけです。 これを使えばAJAXフォームの送信もカンタンカンタン。 APIリファレンスを日本語で書いたので覚え書きに載せときます。 って言っても、たいした量でもないので、いまいち分からなかったらプラグインファイルを見た方が早いですよー。 jQuery Form Plugin のAPI ■ ajaxForm() AJAX処理したい任意のフォームを設定します。 詳細についてオプション値を設定することも出来ます（オプションについては下の方に）。 Chainable: Yes. //オプション値なし $('#myFormId')
「実践! Ajaxフレームワーク jQuery」 サポートサイト
毎日コミュニケーションズ刊「実践! Ajaxフレームワーク jQuery」をお買い求めいただきありがとうございます。本書のサンプルデータ、訂正／補足情報を、本ページに掲載してまいります。 サンプルダウンロード 本書の解説で使用しているサンプルファイルをダウンロードするには、下記のリンクをクリックしてください。各章・節、サンプル番号とフォルダ構成が一致しております。 ファイルをダウンロード（zip形式／4.5 MB） jQueryのバージョン・および対応ブラウザについて 本書では2008年5月時点で最新の「jQuery 1.2.6」 を解説の対象としております（本サイトのサンプルにjQuery 1.2.6が含まれております）。また以下のWebブラウザでの動作確認を行っています。 Internet Explorer 7（7.0.5730.11） Firefox 2（2.0.0.14） Safa
Spookies Labs Blog | シンプルな日付選択用ライブラリ「protocalendar.js」を公開しました
prototype.js ベースの日付選択用 javascript ライブラリ「protocalendar.js」を公開しました。 rails や cakephp でアプリケーションを作っていて、セレクトタグでは日付を選択し辛いと感じていました。 また、オープンソースの Date Picker ライブラリでは機能不足、もしくはオーバースペック過ぎて手頃なものがないと感じていました。 そこで、社内で prototype.js ベースの日付選択用ライブラリを作ってみようということになり作ってみました。 今後もバージョンアップしていきたいと考えているので、ご意見ご要望などありましたらコメントでお願いします。 【特徴】 *prototype.js ベース（1.5 以降）。 *シンプルで軽量。 *MIT LICNESE *16のローカライゼーションに対応。 *フォーカスでカレンダー表示。（
prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
Create it! | Ajax-Autocompleterで住所検索
PHP、AJAX、CodeIgniter,Javascript、XHTML、CSS、SEO,アフェリエイト、WEBならなんでも来い。 << August 2008 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> 郵便番号を入力したときに、プルダウンで住所（東京都港区白金台などと）を取得したい。 ■以下viewファイル。 <html> <head> <title>検索</title> <meta http-equiv="Content-Type" content="text/html; carset=utf-8"> <script src="../lib/prototype.js"type="text/javascript"></scrip
Millstream CMS - Isometric
Seriously easy content management Designed and built from the ground up to provide our clients the best CMS possible. Millstream CMS has been in continuous development since 2004. Simple to use Millstream CMS is customised to your exact requirements to make adding new content a painless and fast process. We automate many tasks making complicated content entry a breeze. Fully Supported Isometric ma
Ajax+PHP通信実験センター
改版履歴 01/09 19:57ごろ 参加者を表示できるようにした。入室時の名前を記憶できるようにした。 01/08 22:40ごろ スクリプト＆PHPバージョンアップ→二重書き込みとログ破損リスクを押さえたはず。
いやなブログ: JavaScript でインクリメンタル grep 検索
JavaScript でインクリメンタル grep 検索 JavaScriptで grep 検索をしようと思い、次のようなコードを書いた。 function grep (pattern) { try { var regex = new RegExp(pattern, "i"); var spans = document.getElementsByTagName('span'); var length = spans.length; for (var i = 0; i < length; i++) { var e = spans[i]; if (e.className == "line") { if (e.innerHTML.match(regex)) { e.style.display = "inline"; } else { e.style.display = "none"; } } }
CBL Partial Updater
4. 動作例 動作例については、こちらをご覧ください。 また、開発者のブログ (日本語, 英語) も参考になるかもしれません。 5. 使い方 5.1. HTML の編集 prototype.js と partialupdater.js を HTML から読み込んでください。 次に、HTML のどの部分を差分更新するか決め、更新する箇所を SPAN または DIV タ グで囲み、ユニークな ID をセットしてください。 フォームの onSubmit ハンドラ (または、input type=submit フィールドの onClick ハンドラ) から CBL_PartialUpdater.update を呼び出してください。 <script language="JavaScript" src="prototype.js"></script> <script language="JavaScr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jqGrid 行データ編集サンプル
http://www.jqueryhelp.net/
CakePHP2を学ぼう！優しいCakePHP超入門 | WebCake
jQuery・Ajax実践サンプル
phpとAjaxを利用した入力インターフェース
http://power.scianto.net/