ajax()：ajaxメソッド(成功はdone、失敗はfail)による非同期通信 - jQuery無双
ajaxメソッド(成功はdone、失敗はfail)による非同期通信の書式 $.ajax({ type: リクエストタイプ, url: リクエスト送信先のURL, data: URLのクエリ（パラメータ）, }).done(function(data, textStatus, jqXHR){ // 成功の場合の処理 }).fail(function(jqXHR, textStatus, errorThrown){ // エラーの場合処理 }); ajaxメソッド(成功はdone、失敗はfail)による非同期通信する場合は、 ajaxメソッドを使用します。 具体例(ajaxメソッド(成功はdone、失敗はfail)による非同期通信のサンプルコード) リクエストの送信先のテスト用のPHP １．受け取ったリクエストタイプの判定 ２．ajax通信にて受け取ったパラメータを各変数に代入 ３．このパラメ
Ajax処理とMySQLを使って、ページを更新せずにデータべ―スの読み書き - Qiita
動作の流れ まず今回実現したい動作について説明します。 HTMLのフォームに入力してEnterキーを押す 入力内容をデータベースに挿入 入力内容をHTML要素として挿入 フォームの内容を入力したときのイベント 1のフォームに入力してEnterキーを押したときのイベント処理を考えていきます。 onメソッド セレクタ.on('イベント',関数);とすると、 セレクタで指定したHTML要素に第1引数のイベントが発生したときに、第2引数の関数が実行されます。 セレクタ.イベント(関数);で、 clickイベントなどはonとだいたい同じように使うことができます。 しかし、このようなイベント名のメソッドは、onメソッドと違って、jQueryなどで動的に作成したHTMLタグに対しては動作してくれません。 今回はフォームの内容をリスト上で動的に追加するので、onメソッドで統一しておきます。 changeと
Tooltipウィジェットでツールチップを表示するには？
jQuery UIは、jQueryを拡張するライブラリ（プラグイン）の一種で、名前のとおり、ユーザーインターフェイス（UI）に関わる機能を提供します。jQuery UIの導入方法や使い方、jQuery UIが提供する主要なコンポーネントについては、「jQuery UI逆引きリファレンス： jQuery UIを利用するには？」を参照してください。 ツールチップとは、対象となる要素にマウス・ポインターを当てることでポップアップできる小さなテキストのこと。Tooltipウィジェットは、そのようなツールチップを実装するためのウィジェットです。本文テキストに対してちょっとした註を加えたい場合、入力フォームなどでヒントを表示させたい場合などに利用します。 誤解のしようもないシンプルなウィジェットなので、さっそく具体的な例を見ていきましょう。以下は、Tooltipウィジェットを利用して、アンカータグ（＝
jQueryで全選択・全解除はprop使う - Qiita
attr使ったら動きが変だった attrじゃないかと思って作ったら、何か変。 attr('checked','')ではなく、removeAttr('checked')を使えばおk どうやらprop使えばいいらしい。 でもpropのが楽に書ける 詳しくはCSSは分かるけどjQueryは苦手……という人が .attr()と .prop()に親しんでくれるといいなーと思って書きました。｜Ginpen.comで。 チェックされているかどうかという判定には .prop()を使う必要があります。 HTMLに書いた属性の値を扱いたいときは .attr()を、いかにもJavaScript的な事をする時は .prop() デモ こんな感じで使えばおkだと思う。 <div class="allCheck"> <input type="checkbox" id="allCheck01"><label for="
よくある全選択チェックボックス jQuery 実装 - Qiita
<ul> <li><label><input type="checkbox" id="all" /> Check all</label></li> <li><label><input type="checkbox" name="check" value="1" /> value 1</label></li> <li><label><input type="checkbox" name="check" value="2" /> value 2</label></li> <li><label><input type="checkbox" name="check" value="3" /> value 3</label></li> <li><label><input type="checkbox" name="check" value="4" /> value 4</label></li> </
javascript(jQuery)で印刷プレビューをする | MiLKySHADe
データベース系のサイトを構築している。 一覧表のページに印刷需要があるので、print.cssに@media print { #sidebar {display:none;} }なんて書いていたが、 画面全体をそのまま印刷できること サイドバーなどを非表示にしたデータのみの印刷も可能なこと の2パターンで印刷したいらしい。 画面全体の印刷はブラウザの印刷機能に任せるとして、別にデータのみの印刷に対応した印刷プレビュー機能を実装する。 以下実行した対応。 処理のイメージ 画面全体の印刷はブラウザの印刷機能に任せるとして、別にデータのみの印刷に対応した印刷プレビューを表示させなくてはならない。 画面操作フローとしては以下のようになる。 印刷プレビューボタンクリックする。 別ウィンドウで、サイドバー等が非表示になったプレビュー画面が表示される。 プレビュー画面で印刷ボタンをクリックする。 ブラウ
Dialogウィジェットでダイアログ・ボックスを生成するには？
jQuery UIは、jQueryを拡張するライブラリ（プラグイン）の一種で、名前のとおり、ユーザー・インターフェイス（UI）に関わる機能を提供します。jQuery UIの導入方法や使い方、jQuery UIが提供する主要なコンポーネントについては、「jQuery UI逆引きリファレンス： jQuery UIを利用するには？」を参照してください。 Dialogウィジェットを利用することで、汎用的なダイアログ・ボックス（以下、「ダイアログ」と略記）を作成できます。ダイアログ上には、テキストだけでなく、ボタンやフォーム要素を配置できますので、ユーザーに対して何らかの選択や入力を求める局面でも利用できます。 それではさっそく、具体的なコード例と、その実行結果を確認してみます。
発生したイベントの状態を保持・保存する6つのパターン - jQuery入門 - ポンクソフト
目次 jQuery入門 jQueryのインストール・簡単な使い方 クイズゲームの作り方 秘密の暗号を作ってみよう（たぬき暗号） アクションゲームを作ってみよう（ぬりかべ） 画像を使ったジグソーパズルを作ってみよう もぐらたたきっぽいゲーム ドラッグ可能なポップアップウインドウを作ろう jQuery UI Sortableで１ラインオセロゲーム ブラウザ全体をブロックしてみる Geolocation APIを使って都道府県のセレクトボックスを現在地に近い順にソートする 発生したイベントの状態を保持・保存する6つのパターン Ajaxを利用したシンプルなイメージギャラリーを作ってみる テーブルにページ送り（ページング）を実装してみる jQuery UI Draggableを使って付箋(sticky)を作ってみる カラムでソートできるテーブルを自作してみる テーブルを使ったシンプルなドット絵エディ
CodeIgniter + Uploadify - ZeBeVogue別館
ちょっとハマったのでメモ的に。 CodeIgniterのフォーラムでも同様の事が書かれているのだが、ちょっと古い。それに、CodeIgniterっぽくコントローラに書かれていないのでちょっと不満だった。余計なパスも入ってるし。 ビューは普通に。 <input id="file_upload_img" name="file_upload_img" type="file" /> JavaScriptも大差は無いが、'script'をhttp://から書かないとバーチャルホストの場合に躓いた。 $('#file_upload_img').uploadify({ 'uploader' : '/img/uploadify.swf', 'script' : 'http://example/uploadify/upload', 'cancelImg' : '/img/cancel.png', 'fold
jqueryでファイルアップロードにオススメなプラグイン「jQuery-File-Upload」 | ホームページ作成、システム設計 glic株式会社
こんにちわ。 プログラマの湊です。 今回は、jqueryでファイルアップロードにオススメなプラグイン「jQuery-File-Upload」をご紹介いたします。 今まで使用した中でも、抜群のカスタマイズ性があるのでオススメですよ☆ ダウンロード ソースコードはGithubに上がっております。 https://github.com/blueimp/jQuery-File-Upload デモページはこちらから 使い方 指定のJS,CSSファイルを下記のように読み込み、呼び出してあげるだけでOK。 僕の場合は、composerを利用し、アップデートを楽にしております。（composerについてはまた別の機会に） bootstrapにも対応しておりますので、簡単にスタイル設定されます。 jqueryベースですので、jqueryは読み込んであげて下さい。(コードはサンプルのものを抜粋しております。)
Ajax風にファイルをアップロードするjQueryプラグイン「Uploadify」の使い方 | JavaScript | かたつむりくんのWWW
Ajax風（？）なファイルのアップローダーは多々あります。その中でも、この「Uploadify」はかなり使いやすそうです。 画面遷移なしでファイルをアップロードできるのはもちろんのこと、アップロードの進行状況も見られたり、複数ファイルのアップロードにも対応していたりと、非常に良い感じです。また、アップロード完了後やファイルの選択後の振るまい、重複ファイルのチェックなど、色々とオプションの設定が出来るのも嬉しいです。 jQuery のプラグインということもあり、敷居も低い気がします。 まずは試してみる まずは、「uploadify - a multiple file upload plugin for jquery」からファイルをダウンロードします。 解凍したフォルダの中の「example」フォルダをサーバーにアップロードします。 これで準備完了ですので、exampleフォルダ内のindex
jQuery Plugin - マウス操作で消える画像を実装 - Eraser
マウス操作で消える画像を実装するプラグイン「Eraser」を紹介します。 jQueryプラグイン「Eraser」このプラグインを使えば、指定した画像をマウスで操作するとマウスの軌跡に沿ったラインで画像を消すことができます。 2つの画像を重ねて、マウス操作で下の画像が表示する！といった機能をWebサイトに追加することができます。 それではでもページで消える画像をお楽しみください。 「Eraser」のデモ ソース（ HTML + jQuery ）<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="eraser のデモでーす。"> <title>eraser - jQuery Plugin Demo</title> <style> #robot { position: abs
【JQuery】ボタンがdisabledになったら、なにかしたい - ウィリアムのいたずらの、まちあるき、たべあるき
ウィリアムのいたずらが、街歩き、食べ物、音楽等の個人的見解を主に書くブログです（たま～にコンピューター関係も） ■なにが難しいのか？ ボタンがクリックされたら、何かしたい・・・なら簡単。 ボタンクリックのイベントがとれるから。 しかし、ボタンがdisabledになったら・・・というイベントがない。 なので、ボタンがdisabledになったら、何かしたいというのがかけない。 ■どうしたか ボタンをdisabledに直接するのではなく、 いったんボタンをblurにして、ボタンのblurイベント内でdisableにして、 そこに、disableのときにしたい処理を書いた ■サンプル こんなかんじ。disabledのときに、背景を赤にしている <HTML> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/j
【jQuery】ファイル選択フォームデザインのカスタマイズ方法
基本的に、ファイルのアップロード等で使用するフォーム要素として 『input』要素の『type="file"』がありますが、 ファイル選択ボタンや、ファイル名表示エリアの位置やデザインは 基本的にブラウザ依存で、中々デザインを当て込むのは困難です。 デフォルトで適用されるデザインは、 IEやFirefoxはファイル選択ボタンがファイル名表示エリアに対して右側ですし、 ChromeやSafariはファイル選択ボタンがファイル名表示エリアに対して左側です。 ファイル未選択字のデフォルトメッセージ（『ファイルが選択されていません』等）も 言葉が異なっていたり、そもそも表示が無い等まちまちです。 これだけブラウザによって異なれば、 そのままデフォルトで使用すると 他のデザインとのバランスが悪くなったりして、 どうしてもデザインを入れたいパターンが出てくる場合があります。 また、ブラウザ依存のデザイ
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jqueryでのcheckboxの全選択 - Qiita
finefinefine.jp
caraldo.net - it転職 リソースおよび情報
SSL経由でSWFUploadするとIO Error（#2038）が発生する | いわぶろ（ろてん）
GitHub - RonnieSan/uploadify: A jQuery plugin for file uploads.
