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

lightbox

サムネル画像をクリックした時に拡大するlightboxをJavaScriptで実現する方法。 JavaScriptで出来ているlightbox2を使えば簡単に実現できる。なお、WordPressにはlightboxプラグ …続きを読む→

JavaScriptで次のような二次元配列を設定する方法。 img_ary[0][0] = ‘花’ img_ary[0][1] = ‘http://sample.com/java/fl …続きを読む→

ノードを削除するにはremoveChild()メソッドがある。しかしこのメソッドは子ノードしか削除できない。自分自身のノードを削除する方法を調べてみたらparentNodeとremoveChild()を組み合わせて使えば …続きを読む→

作ったJavaScriptもキチンと動作するか確認する必要がある。通常でいうデバックである。このデバックでよく用いるのが変数の内容を確認するための内容表示である。簡単なのはalertメソッドを用いて変数の内容を表示さ …続きを読む→

JavaScriptを使ってHTMLの属性値を取得または設定するときは、属性名とプロパティが一致していないケースがあるので注意が必要。たとえば、CSSクラスを表す属性は「class」だが、JavaScriptで取得/設 …続きを読む→

JavaScriptでイベントハンドラを追加するメソッドとしてaddEventListnerメソッドがある。但し、このaddEventListnerはIE（IE9を除く）以外のブラウザで使え、IE8では代わりにattc …続きを読む→

JavaScriptでノードを取得するメソッドには次のものがある。 getElementsById getElementsByTagName getElementsByClassName getElementsByNam …続きを読む→

canvasを使って図形を作成しています。canvasはキレイな図形を簡単に作ることができて便利です。サンプルグラフ円扇形円円グラフ簡単なアニメイメージ

テニスのようなゲームです。ソースコード <!DOCTYPE html> <html lang="ja"> <HEAD> <!–[if lt IE 9]&g …続きを読む→

JavaScriptを使っているとブラウザ毎に対応する必要がある。このようなとき、次のNavigatorオブジェクトでブラウザを識別することができる。注意：IE11からuserAgentにMSIEが含まれなくなったので …続きを読む→