HTML&CSS

日付と時間〜PHPとJavaScriptの記述方法

JavaScriptとPHPを使っていると日時表示の方法がごっちゃになってしまいます。 それでまとめました。 PHPでの日付と時間の表示 PHPで日付や時間を取り扱うにはdate()かstrftime()を使用します。 date(書式[, タイムスタンプ]) strftime(書式[, タイムスタン  >>続きを読む

正規表現の基礎

正規表現とは 正規表現(regular expression)とは文字パターンを表現する方法です。 つまり、文章の中のある文字列を検索したいときなど役に立ちます。 今回はJavaScript(jQuery)で正規表現を活用する説明です。 まずは正規表現で比較する文字を「/」で囲みます。 例  /Ja  >>続きを読む

JavaScriptでDOMを操作する

DOMとは そもそもDOMはドキュメントをオブジェクトとして扱い、ドキュメントツリーを作成するものです。 DOMを操作する上で覚えておきたい用語は次のものです。 Node(ノード):要素や属性、テキストなどの総称 Element(要素) :pやh1などのタグ Attribute(属性):hrefやs  >>続きを読む

JavaScriptの表示についてまとめ

JavaScriptを勉強するときのモヤモヤ 一般的にJavaScriptはブラウザで簡単に表示して使用できるイベントドリブンな言語だと説明されます。 確かにコンパイルの必要もないし、初心者に優しい言語にまちがいないようです。 さっそく初心者用の本を開いて学習を始めると変数や関数そして演算子や制御命  >>続きを読む

DOMを使ってノードを取得する〜DOMの活用(2)

相対的な位置関係でノードを取得 あるノードを起点に、ツリーをたどることで目的のノードを取得することができます。 その方法としては、DOMのNodeインターフェイスに定義されてる プロパティを活用します。 Node インタフェイスとは、DOM に用意されているオブジェクトです。javaなどのオブジェク  >>続きを読む

DOMを使ってノードを取得する〜DOMの活用(1)

DOMを利用してドキュメントを操作してみましょう。 DOMを活用してドキュメントを操作するには大きく分けて2つの方法があります。 ダイレクトアクセス ID値やクラス属性、タグ名で直接要素を指定する方法 ノードウォーキング ノードのツリーを渡り歩いて目的の要素を指定する方法 ここではダイレクトアクセス  >>続きを読む

JavaScriptの高度なイベント処理 イベント伝播

DOMレベル2のイベント処理 DOM0レベルのイベントモデルでは、イベントが発生した要素に対してイベントハンドラで命令が実行されますが、そしてそれ以上には何もありません。 DOMレベル2のイベントではこれと少し違ってきます。 イベントが発生した要素に対してイベントハンドラで命令が実行されます。ここま  >>続きを読む

JavaScriptのイベント処理 イベントハンドラ

JavaScriptはイベントドリブンモデルのプログラムです。 それは、あるイベント(ページロード、マウスクリック、テキストボックスの内容が変更されたなど)に応じて実行するコードを記述することです。 DOMレベル0のイベントモデル JavaScript初期の頃のイベントハンドラの設定方法です。 イベ  >>続きを読む