jQueryで登録したイベントを意図的に発生させる方法
■triggerでイベントを発生させる 例えば、ドロップダウンリストを操作した時に発生するchangeイベントを発生させたいときは、以下のように記述すると発生します。 以下の様なドロップダウンリストがあるとします。 <select name="hogehoge" id="hogehogehogehoge"> <option value="0" selected="selected">未定</option> <option value="1">山形県</option> <option value="2">福島県</option> <option value="3">新潟県</option> <option value="4">東京都</option> </select> 以下の様に記述すると、【ドロップダウンリストが変更された】ことになります。 $('#hogehogehogehoge').
jQueryでajaxを使ってファイルをPOSTするサンプル
jQueryのajax機能を使って、ファイルなどをPOSTする時の書き方サンプルです。対象IDを記述したformタグからactionの中身を取得して、POSTしています。 // 情報をajaxでPOST function dataSubmit(formId, callback) { var postUrl = $(formId).attr('action'); form = $(formId); fd = new FormData(form[0]); // ajax通信 $.ajax({ url: postUrl, type:'POST', data: fd, processData: false, contentType: false, timeout:10000, success: function(data) { alert('登録完了しました'); eval(callback);
Ajax通信中のくるくる画像を生成するサービス
色やパターンを設定して、generateボタンを押すとGIFが生成されます。透過GIFも生成できます。
[AngularJS]コントローラー外の関数から、他のコントローラーを操作する。 | fine:der.
[AngularJS]コントローラー外の関数から、他のコントローラーを操作する。 2012/11/30 by long : comments 本日もAngularJSの話。 他の関数やらコントローラーから、他のコントローラーの値を操作したい、という要望は要望として当然あると思います。 それをやってみようということで、コード書いてみました。 思いのほか苦戦しました（-ロ-; <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> <script> function MyCtrl($scope) { $scope.test="test string" }; function changeValue(){ var testScope =
jsFiddleでAngularJSを使う - Qiita
var app = angular.module('myApp', []); app.controller('testCtrl', function ($scope){ $scope.hoge = 'hello'; }); jsFiddleでの実行例 この問題の解決方法はAngularJS jsFiddleとかでぐぐればすぐに出てくる。 Using jsFiddle with AngularJS 解決法 左のFrameworks & ExtensionsのonLoadとなっているセレクトボックスをNo wrap -in<body>に変更してやればよい。 jsFiddleでの修正例 なぜ起こるのか 左のセレクトボックスをonLoadの状態で実行するとjsFiddleは以下の用なソースを出力する。(関係のない部分は省略, 見やすいようにインデントなどを変更) <html> <head> <me
Ajaxと組み合わせて便利なHistory APIを使おう - PR TIMESデザイナー&エンジニアブログ BREAK TIMES
こんにちは。PR TIMESフロント・エンジニアの山田です。 弊社ではAjaxを使ったサイトやサービスも多く運営しています。 さて、そのAjaxですがページ遷移なしにコンテンツを切り替える場合、当然ながらそのままではブラウザのURLも変わりません。これではユーザーが直接読み込み先にアクセスしたり、ブラウザのBACKボタンで前に戻ったりできないので不便です。そんな時に使えるのが、Hisotry API。これはブラウザの履歴をJavascriptから管理、操作できる便利なAPIです。 まず以下の4つは以前からあり、古いブラウザでも動作します。 history.back();//表示した履歴の1つ前のページにもどる history.go(4);//表示した履歴の4つ前のページにもどる history.go(2);//表示した履歴の2つ先のページに進む history.forward();//表示
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
