JavaScriptでaudioを作成する
HTML上にaudio要素を埋め込むのではなく、JavaScriptでaudioを作成してから音を再生してみます。...
JavaScriptの記事一覧
iOSとAndroidでavailWidthとavailHeightの挙動が異なる
availWidthとavailHeightをスマートフォンサイトで使用した時に、iOSとAndroidで挙動が違ってい...
jQueryのtoggleClass()を使ってみる
要素にclassの追加・削除を行えるtoggleClass()の使い方を調べてみました。...
jQueryで複数のclassをまとめて追加する
jQueryで複数のclassをまとめて追加する方法をメモ。...
areaタグの位置をoffset()でうまく取得できない
areaタグの位置をjQueryのoffset()で取得しようとしたところ、IEでは取得できたのですが、Firefoxと...
jQueryで複数指定のあるclassを取得する方法
1つの要素に対してclassが複数指定されているときに、classを全て取得する方法がすぐに思いつかなかったので、調べた...
overflow-scrollingを指定するとscrollイベントが発生しない
overflow: scroll;を指定した要素に対してoverflow-scrolling: touch;を指定すると...
イメージマップにJavaScriptでイベントを追加する
イメージマップのareaタグにJavaScriptでイベントを追加できるかどうかを試してみました。...
カーソルの位置を取得する
JavaScriptでカーソルの位置を取得する方法をメモ。...
印刷ボタンを設置する
印刷ボタンを設置する機会があったので、実装方法をメモしておきます。...
FirefoxでinnerTextが使えるようになっていた
FirefoxでinnerTextは使えないと思っていたのですが、いつの間にか使えるようになっていたようなのでメモしてお...
自分がiframeで読み込まれているかを判別する
iframe内から親ページに何か処理を行いたい時に、自分に親ページがあるかどうかを判別したかったので、実装方法を調べてみ...
SVGのリンクでJavaScriptを実行する
SVG内のリンクをクリックしたときに、外部ファイルのJavaScriptでSVG内の操作ができるかどうかを試してみました...
canvasに表示した内容を画像に変換する
canvasの内容を画像(データURI)に変換してみます。...
JavaScriptのイベント対象が入れ子の場合の実装
aタグとその子孫要素に対して同時にクリックイベントを設定することがあったのですが、実装する際に少し手間取ったので実装方法...
File APIでCSVファイルを読み込む
File APIでローカルからCSVファイルを読み込んで、ブラウザ上で表示してみます。...
CreateJSを使ってみる
Flashのようなリッチコンテンツを作成できるJavaScriptのフレームワーク「CreateJS」を使ってみます。...
canvasで画像にマスクをかける
canvasで描画した画像にパスを指定してマスクをかける方法をメモ。...
スマートフォンで経過時間をカウントする
スマートフォンでsetIntervalを使って経過時間をカウントしようとした場合、iOSだとスクロール中にsetInte...
動的に生成した要素にイベントを設定する
動的に生成したDOM要素にイベントを設定する方法をメモ。...