「Tips」カテゴリーアーカイブ

HTML5の動画再生機能を利用する

投稿日: 2013/02/28 作成者: admin

HTML5では「video要素」が追加され、Flashなどのプラグインを利用しなくても動画の再生が行えるようになった。ただ、まだ発展途上であり、ブラウザにより動作が異なる点もあり、利用には注意を要する。 基本的な使い方 … 続きを読む →

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

JavaScriptのクロージャをループ内で定義する時の技

投稿日: 2013/02/26 作成者: admin

JavaScriptのクロージャは便利だが、forなどのループ内で繰り返し呼び出したい場合は、変数のスコープに注意する必要がある。特に、ループカウンタの値を参照するようなケースでは、ループ内で擬似的にfunction() … 続きを読む →

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

jQuery carouFredSelプラグインを使う (2)

投稿日: 2013/02/23 作成者: admin

carouFredSelを操作する方法。 基本的には、triger() メソッドを使う。(引数に動作を表わす文字列を指定する。) 要素を追加する： insertItem(items) 静的なHTMLではなく、要素を動的に … 続きを読む →

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

jQuery carouFredSelプラグインを使う (1)

投稿日: 2013/02/20 作成者: admin

jQuery.carouFredSelは、画像を｢カルーセル｣形式で表示させるjQueryのプラグインだ。簡単に使える上に、コードでいろいろ操作できるようなので、深堀して調べてみる。 サンプル：ximgcarousel. … 続きを読む →

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

JavaScriptでURLパラメータを取り扱う

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

javascriptでGETパラメータを受信するには、getUrlVars() 関数を使うと便利。 これを使うと、パラメータの内容を連想配列に入れてくれる。 例えば、 http://tripliferec.appspot … 続きを読む →

カテゴリー: Tips | タグ: , | 2件のコメント

jQuery EasyUI の ComboGridを使う

投稿日: 2013/02/16 作成者: admin

jQuery EasyUI の ComboGridを使って、ファイル名の一覧を作る。 ComboGridはHTMLのselect要素をグラフィカルにしたもので、jQuery EasyUIのドロップダウン付のテキストボック … 続きを読む →

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

jQuery EasyUIでカスタムアイコンを追加する

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

jQuery EasyUIのCSSを編集する アイコン関連CSSファイルの配置場所：(root dir)/themes/icon.css 追加したいアイコンに適宜名前(以下では｢icon-myupload｣)をつけて、次 … 続きを読む →

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

内部データをファイルとしてダウンロードできるようにする

投稿日: 2013/02/14 作成者: admin

HTML5のFile APIを使ってファイルを作成する方法をベースに、内部データをファイルとしてダウンロードできるようにする。GUIの一貫性を考慮し、ボタンクリックでダウンロードを開始する。 データをJSON形式にし、さ … 続きを読む →

カテゴリー: Tips | タグ: , | 1件のコメント

ブラウザのファイルアップロード時のボタンを画像ボタンに変更する

投稿日: 2013/02/13 作成者: admin

ファイルをアップロードしたいときはブラウザの機能(input)を使うことになるが、その際表示されるボタンを画像ボタンに変える方法。結論から言うと、 – input要素を非表示とし、 – 用意した画像ボタンをclickした … 続きを読む →

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

jQueryでimageボタンのイベントを処理する (enabled/disabled関連)

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

まだ確認中だが、画像を利用したボタンをdisabled(＝使えない)にしようとしてうまくいかなかったので、回避策について。 次のようなimageボタンを作成し、イベントハンドラを用意した。 このボタンをchromeでクリ … 続きを読む →

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