「jQuery」タグアーカイブ

配列から重複した要素を取り除く

投稿日: 2013/05/21 作成者: admin

(2013年6月修正) jQueryのunique()は、文字列には使えないようだ。 Description: Sorts an array of DOM elements, in place, with the dup … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

jQueryで手動(コード)でイベントを発生させる

投稿日: 2013/05/15 作成者: admin

jQueryのアプリで手動でイベントを発生させたい場合は、trigger() を使う。対象となるイベントにはコードで追加したカスタムイベントも含まれる。 使用法： 使用例：

カテゴリー: Tips | タグ: | コメントする

CDNを利用してHTTPSでライブラリをロードする時の留意点

投稿日: 2013/04/30 作成者: admin

これまで作成したアプリ(Webページ)は全てHTTPでアクセスしてきたが、Google Calendarとの同期についてはGoogleアカウントの認証が必要なため、HTTPSでの接続を前提とする。 HTTPSで接続する場 … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

jQueryでクリックされたテーブルの行・セルの情報を取得する

投稿日: 2013/04/17 作成者: admin

HTMLテーブルのセルがクリックされた際、クリックされた行の情報をjQueryで得る方法。 例として以下のテーブルを想定し、td要素をクリックすると起動されるイベントハンドラを定義する。 ここでセルAA(ハイライトされた … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

mobiscrollで日付・時刻を入力・表示する

投稿日: 2013/04/04 作成者: admin

mobile機器の画面で日付や時刻を入力するには、mobiscrollが便利だ。(PCのブラウザでももちろん使える。) 今回は、この中のdatetime コンポーネントを使ってみる。 mobiscrollのCSS/スクリ … 続きを読む →

カテゴリー: Tips | タグ: , , | コメントする

ドラッグ＆ドロップとテーブルでスケジュール表を試作

投稿日: 2013/03/19 作成者: admin

HTMLのドラッグ＆ドロップとテーブルでスケジュール表を試作してみる。 xtestdrag02.html 右のスケジュール表に、左の表(内容は固定)の項目をドラッグ＆ドロップする スケジュール表の左の列は時刻入力欄で、j … 続きを読む →

カテゴリー: Development, Location Service | タグ: , | コメントする

jQuery/JavaScriptで動的tableを操作する技

投稿日: 2013/03/18 作成者: admin

テーブルを使う際はjQueryのプラグインを使うことが多いが、jQuery/JavaScriptで素のHTMLテーブルを操作する場合のいろいろな技。 jQueryでgetElementById()と同等のオブジェクトを取 … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

gaedirectを使ってGoogle App Engineのデータストアにアクセスする(2)

投稿日: 2013/03/12 作成者: admin

gaedirectを使ってGoogle App Engineのデータストアにアクセスする際のノウハウ。 参照結果とその形式 文字列として返される。各エンティティ(行)の区切り文字は ‘<e> … 続きを読む →

カテゴリー: Tips | タグ: , | コメントする

jQuery Easingで動き(アニメーション)に効果を与える

投稿日: 2013/03/05 作成者: admin

jQuery Easing Pluginは、jQueryでanimation(画像などを動かす)する際などに、「効果(エフェクト)」を与えるプラグイン。 jQueryは標準で’linear’と&# … 続きを読む →

カテゴリー: Tips | タグ: | コメントする

jQueryRotateを使って画像を回転させる

投稿日: 2013/03/04 作成者: admin

jQueryRotateは、画像を回転させるjQueryのプラグイン。ここからダウンロードして使う。 画像を回転させる 画像をアニメーション付で回転させる アニメーションに効果を加える この例では$.easing.eas … 続きを読む →

カテゴリー: Tips | タグ: | コメントする