jQuery

javascriptが複雑になると分割してプラグイン作成の必要がある クライアント側で簡単なjs処理では一つのjsファイルに定義すればよいです js処理が複雑になると、複数の関数、複数のjsファイルに分割して記述する必要になります javascriptがほかの言語のようなインポート機能は揃っていないです htmlで複数のjsファイルをロードする記述が必要です...

やりたいこと：行(tr)をクリックしたらその行にあるチェックボックスがチェックされるようになる htmlのテーブル(table)の各行にチェックボックスを内蔵しています チェックボックスがクリックしたら、チェック/アンチェックされることは一般的です その行をクリックすると、チェックボックスが自動にチェックされるようになれれば、操作しやすいUIになります...

やりたいこと：タイマー（時間）を点滅できるように表示したいです タイマーの作成：SVG+CSS+JSで時間表示/動画パイタイマーの作成方法 前回紹介したタイマーの改善点：タイマー（時間）を一秒ごと点滅にして表示したほうがより見やすくなります タイマーが点滅しなくても、機能には問題はありません 表示上には少し硬い感じがあります JSの関数（...

やりたいこと：残留時間が表示しながら円を描く動画効果のタイマーを作成します 残量時間を動画で表示します 残量時間のパイを動画で表示します SVG+CSS+JSでタイマーの動画効果を作成します svg、css、js三兄弟でパイタイマーを実現します HTMLでタイマーを描く場所の用意 <div class="item"...

jQueryのイベント名にネームスペースをつけることができます イベント（例:clickなど）名＋”.”＋ネームスペース //　イベントの発火 $('.class').trigger('click.namespace-1'); //　イベントのリスナー $('.class').bind('click.namespace-1', function(){ do...

javaScriptのカスタムイベントが親方向へ伝播 カスタムイベントが発火後に、親方向に伝播します <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script> $(function(){ 　//　...

やりたいこと：AJAXで動的に追加したフォームのボタンにイベント（例：click）リスナーの追加 クライアント側にフォーム追加AJAXを埋込ます AJAXの動作でクライアント側に新規フォームが追加されます ＡＪＡＸプログラムに追加されたフォームに「送信」ボタンに「ｃｌｉｃｋ」イベントのリスナーもつけて、クライアント側に転送します //...

やりたいこと：ViewsのExposed Filterの入力フォームにjsファイルの追加と引数を渡したいです ViewsのExposed Filterをカスタマイズして、複数のキーワードを完全一致検索できるようにします（「 Drupalのモジュール（Views）の複数のキーワード完全一致検索の実現 」を参考してください）...

jQueryのアニメーション(animate)関数の利用 jquery.jsのバージョン：1.11 jquery.easing.compatibility.jsのバージョン：1.4.1 上記ライブラリをインポートして、以下のコードでjQueryのanimateを実行します $('html,body').stop().animate({scrollTop:400},...

ページスクロールに応じて各ブロックのアニメーション効果のjsライブラリ：scrollme scrollmeのホーム：http://scrollme.nckprsn.com/ 比較的に手軽に使用できるし、かつバリエーションも多いようです サンプルコードを作成してお試しください 使用方法 jsライブラリのダウンロード：https://...