2014-07-01から1ヶ月間の記事一覧

クロスブラウザに対応したイベントリスナー関数を作る

イベントハンドラの代わりにイベントリスナーを使うでも書いた通り、イベントリスナはIEとIE以外のブラウザで書き方が異なる。 IE 要素ノード.attachEvent(イベント名, イベントハンドラ) IE以外 要素ノード.addEventListner(イベント名, イベントハンドラ, …

イベントハンドラの代わりにイベントリスナーを使う

イベントハンドラをHTMLから分離して記述するという記事で書いた通り、 イベントハンドラの問題点として、同一の要素、同一のイベントに対して、複数のイベントハンドラをセットすることができないことが挙げられる。 そこでイベントリスナーを使う。 イベン…

イベントハンドラをHTMLから分離して記述する

イベントハンドラとは? PC上で「ボタンをクリックした」、「フォームを送信した」などのイベントが起きた時に、JavaScriptでそのイベントに対して行う処理のこと。 HTML内にイベントハンドラを記述するとなると、以下の様な記述の仕方がある。 HTMLから分離…

Gruntを使ってcompassの自動ビルドを行ってみる

Gruntを使ってcompassの自動ビルドのやり方をまとめてみた。 Gruntのインストールの仕方はこちら 1. compassの初期設定をする compass createする srcというフォルダを作成して、src配下でcompass createする。 $ mkdir src $ cd src $ compass create direc…

Gruntをインストールして、実際に使ってみる

Gruntをインストールして、使ってみたので手順をメモしておきます。 1. Node.jsをインストールする 本サイトからインストールする。 http://nodejs.org/ $ node -v v0.10.29 これでnmpコマンドが使えるようになったので、NPMに登録されているモジュールをイ…

jQuery UIを使わないで、ボックスをドラッグで移動させる

jQuery UIを使って要素をドラッグ移動させることはよくあったけど、 jQuery UIを使わないで実装する機会があったので、まとめてみた。

ページネーション(pagination)をCSSで実装したのでメモ

また更新をさぼっていた... 「ページネーション」ってできるようになればなんてことはないけど、初めてつくるなら、調べてしまうかも! というわけで2パターンサンプルを作りました。 誰かのお役に立てれば嬉しいです(・∀・) 1. borderあり 2. borderなし