CSS3とJavaScriptを使ってアニメーション処理をしてみる
CSS3のアニメーションをjQueryを使って任意のタイミングで行わせてみます。...
JavaScriptの記事一覧
全角入力を半角にリアルタイムで変換する
フォームなどで半角英数のみを入力させたい場合、CSSのime-modeを使えば実装できますが、Google Chrome...
if文で0がfalse扱いになる
0の評価がfalseになって意図した処理ができなかったので、その時の対応方法をメモしておきます。...
文字列の指定した位置に文字列を挿入する
取得した文字列の中に、別の文字列を挿入するという処理を試してみました。...
jquery.autoKana.jsを使ってみる
フォームで名前を入力したときに、自動でフリガナも入力する機会があったので、jquery.autoKana.jsを試してみ...
ページ全体で何番目の要素かを調べる
指定した要素が親要素から見て何番目の要素かというのはよく使うのですが、ページ全体で何番目かというのはあまり使ったことがな...
placeholderを自作してみる
何も入力しないままinputからフォーカスを外した時に、placeholderを表示させないようにしたかったので、pla...
円周上に沿ってアニメーションさせてみる
円周上に沿って要素を移動させる処理を実装してみます。...
Ajaxで取得したHTMLにfindを使って絞り込めない
Ajaxで取得したデータをfindで絞り込んだ際に、あるはずの要素を取得できない現象に遭遇したので、その対応方法をメモし...
inputに入力した文字を決められた形に変換する
フォームなどで入力した文字列を、あらかじめ決められた形に変換してみます。...
リサイズやスクロール時に1回だけ処理を行う
resizeやscrollは通常イベントが発生する毎に処理を行いますが、イベント発生毎ではなく、特定のときに1回だけ処理...
Ajaxで別ページのHTMLを取得する
別ページのHTMLの内容をAjaxを使って取得してみます。...
matchを使ってみる
JavaScriptのmatchを使って正規表現をいくつか試してみました。...
アニメーション中かどうか判別する
if文で、要素がアニメーション中かどうかを判別してみます。...
YouTubeでミュート状態だと、JavaScriptからボリューム変更ができない
YouTubeでボリュームを変更しようとしてできなかったことがあり、なんでだろうと調べてみると、ユーザーの操作でミュート...
指定した範囲を往復する処理を実装する
指定した範囲内の数値をsetTimeoutを使って往復させてみます。...
Instagram APIでタグに関連する画像を取得する
Instagramのタグに関連する画像を取得してみます。 ※2016/06/18 APIの仕様が変更になり、インスタグラ...
data属性をjQueryで使ってみる
jQueryで処理を書いていて、要素に何らかの値を持たせたいときがよくあります。 そういった時、data属性を使うと便利...
jQueryでタグが自動補完される
append()やprepend()等でタグを挿入する場合、append(‘<div>̵...
mouseoverとmouseenterとhoverを比べてみる
mouseover/mouseoutとmouseenter/mouseleaveの挙動の違いを比べてみます。...