work.log

エンジニアの備忘録的ブログ

「jQuery」の記事一覧

HTTP経由で大容量のファイルをサーバに分割アップロードする

とあるシステム制作の要件で、大容量の動画ファイルをサーバにアップロードする仕組みを実装する事になりました。 扱うファイルは mp4 形式の動画ファイルでサイズは 200MB – 1GB 程 …

タブクリックで内容が切り替わるコンテンツを作る

タブをクリックすると非同期に内容が切り替わるという感じのコンテンツを作ってみたいと思います。 表示スペースが限られている場所に沢山の情報を詰め込むのに便利なアレです。 調べると、jQuery を使う方 …

jQueryで親要素のN番目にコンテンツを追加する

jQuery を使って「ある要素」の「N 番目」に任意のコンテンツを追加するメモ。 一覧表示してるリスト等に異なる物を後から表示したくなる事が多々あるので調べてみました。 HTML はこんな感じ。HT …

javascriptで配列の値をシャッフルするメモ

静的に書き出した JS で配列をシャッフルする必要が出たので調べてみました。 こんな感じに書くといけるみたい。 Array.prototype.shuffle = function() { var i …

HTML5のコンテンツにファイルをドラッグ&ドロップでアップロードする

HTML5 で作ったページにファイルをドラッグ&ドロップでアップロードするメモです。 WordPress にもついていますが、画像等をブラウザにドラッグ&ドロップするとサーバにアッ …

Google Analyticsでクリックイベントを記録 (ユニバーサルアナリティクス用)

Google Analytics のユニバーサルアナリティクス用の解析タグでもクリックイベントを記録するメモ書き。 以前の解析タグ (ga.js) では下記のようなスクリプトでクリックイベントを記録し …

選択したテキストエリアの文字操作をするjQueryプラグイン

便利な jQuery プラグイン jQuery.selection のメモ書きです。 TinyMCE のような Web ブラウザで使える HTML エディタには、選択した文字列に対して html タグ …

jQueryで後から追加した要素でもクリックイベントを取得するメモ

jQuery の .on でクリックイベントを取得するメモです。 以下で a 要素のクリックイベントを Google Analytics に記録するという記事を書きましたが、取れていないイベントがある …

WordPressに導入したbxsliderで動的に読み込んだ画像を使う

WordPress に javascript で動作する「スライダー」 を付けるメモの続きです。 bxslider がかなり使えるなーという事で、ちょっとカスタマイズしてみる事にしました。 関連記事 …

ヒートマップを実装できる javascript ライブラリ

ヒートマップ を簡単に実装できる jQuery プラグインを発見したのでそのメモ書きです。 何かに利用しようと思った訳ではないですがたまたま見つけて感動したのでとりあえず書いておきます。 プラグインは …

Highcharts の応用メモ つづき

Highcharts の応用メモ のつづきの記事です。 前回説明しきれなかった Highstock のパラメータをここで解説していきます。 Highstock の期間範囲の設定 Zoom に表示される …

Highcharts の応用メモ

Highcharts のちょっと高度な使い方です。 Highcharts を試す と Highcharts のメモ書き で基本的なことを書きましたが、今回は下記の事をグラフで実現したいと思います。 長 …

Highcharts のメモ書き

jQuery プラグイン Highcharts の基本的な設定メモです。 1. Highcharts の設置方法 Highcharts公式サイト よりダウンロードしたファイルを js/ 以下にアップロ …

よく読まれている記事

  • 今日
  • 週間
  • 月間