タグ

Ajaxに関するfaibouのブックマーク (5)

  • $.ajaxファイルアップロードでプログレスバーを表示する。 - それマグで!

    速度制限が毎日続くTakuyaです。こんにちは!。 データセンターにmpeg動画を送信して、サーバー側でffmpeg 掛けてました。節電の為に自宅鯖を停止し、Linuxボックスだけ起動してました。重い処理はサーバーにやらせてました。ファイル送信が3TB超えてついに速度制限を喰らいました。怖いですね。11/01に無事解除されましたが。。。 <input type=file /> の通信状況を見たい。 UP速度制限が100kbpsでした、ブラウザのファイルアップロードに不自由を感じました。iphone4の写真UPに1枚あたり30秒位かかってました。さくらVPSのWEBアプリに写真をアップするだけでも大変でした。ファイル送信状況が見えないと不安しかたありません。< input type=file/> でアップしたファイルの送信状況を見れるようにフォームを改造しました。 $.ajax でHTML

    $.ajaxファイルアップロードでプログレスバーを表示する。 - それマグで!
  • jQuery使いが知っておくべきjQueryテクニック8選 - Hack Your Design!

    1. jQuery 2.x vs 1.x 2. イベントハンドリングには on() を使うべし 3. AJAXには done(), fail() を使うべし 4. ajax()だけじゃなくショートカット・メソッドも活用すべし 5. find() を使って絞り込むべし 6. カスタムイベントを定義する 7. 属性を指定してDOMエレメントを生成できる 8. form送信時は serialize() を使って値をまとめて取得すべし 参考 記事はjQuery Advent Calendar 2013の23日目の記事となります。今回はjQuery使いとして覚えておきたいテクニックを個人的に8つピックアップしてみました。 日との時差の関係で更新が24日になっているでしょうが気にせずいきましょう。 1. jQuery 2.x vs 1.x 1つ目はテクニックというよりTipsになります。jQuer

    jQuery使いが知っておくべきjQueryテクニック8選 - Hack Your Design!
  • Googleカレンダーライクな動作を実現するにはこれ·dhtmlxScheduler MOONGIFT

    GoogleがAjaxを頑張りすぎているせいで、一般的なWebシステム開発においてもAjaxを多用したシステムが求められるようになっている。特に表計算やカレンダー、メールなどそれまでローカルで使っていたものを置き換えようとした際に起こる問題だ。 カレンダーを導入しようと思った時に「Googleカレンダーみたいにドラッグできないの?」なんて言われたことはないだろうか。そんな時にはdhtmlxSchedulerの採用を検討しよう。 今回紹介するオープンソース・ソフトウェアはdhtmlxScheduler、JavaScriptによるカレンダーライブラリだ。 dhtmlxSchedulerはまさにGoogleカレンダーライクな操作が可能になっている。ドラッグして予定の時間を選択すれば、タイトル入力欄に変わる。そこで予定のタイトルを入れれば完了だ。編集ももちろんできる。表示は日/週/月と切り替えるこ

    Googleカレンダーライクな動作を実現するにはこれ·dhtmlxScheduler MOONGIFT
    faibou
    faibou 2014/03/11
    googleカレンダーのようなドラッグ
  • jQueryのAjaxを使って複数選択されたチェックボックスの値をPOSTする方法メモ - tech tech -テクテクブログ-

    html側で複数選択されたチェックボックスの値を送信するには チェックボックスのname属性をname="xxx[]"のように配列にする必要がある。 <input type="checkbox" name="check[]" value="1" /> <input type="checkbox" name="check[]" value="2" /> jQuery側ではチェック済みの値をeach文を使って配列に保存していく。 var checks=[]; $("[name='check[]']:checked").each(function(){ checks.push(this.value); }); 以下サンプル 選択した要素の値がalertで表示される form.html <html> <head> <script src="http://ajax.googleapis.com/aj

    jQueryのAjaxを使って複数選択されたチェックボックスの値をPOSTする方法メモ - tech tech -テクテクブログ-
  • AJAXでエラー「-1072896658」 – pg-info

    coldfusion8でajaxを使用して作成しているフォームでAJAXのエラーが発生。 ColdFusion8のAJAXデバッグウィンドーには以下のとおり。 「window:global: System error: -1072896658.」 で、このエラーコードで検索したところ、原因は判明。 IEのみに発生する問題のようで、HTTPサーバから送信されるキャラクタセットヘッダをしっかり設定しないと問題が発生するらしい。 試しに、Firefoxで同じソースを実行すると、エラーはでませんが結果の表示は文字化けを起こしています。 で、対処方法は、apacheの「httpd.conf」の以下の行。 AddDefaultCharset none 検索したがこの「AddDefaultCharset」キーワードがhttpd.confにありませんね。 バージョンの関係でしょうか。 だとしても、直接ht

    faibou
    faibou 2010/12/22
  • 1