This link has been bookmarked by 6 people . It was first bookmarked on 13 Oct 2006, by Toshiro Shimura.
DOM (Document Object Model) と JavaScript コードを組み合わせて、対話式 Ajax アプリケーションを構築します。この連載の前回までの記事で、DOM プログラミングに関するコンセプト (Web ブラウザーが Web ページをツリーとして表示する方法) を説明してきたので、DOM でのプログラミング構造については理解できているはずです。今回は、すべての知識を実践に生かして、しゃれた効果のある単純な Web ページを作成します。ページが持つ効果はいずれも JavaScript で DOM を操作して作成するため、ページのリロードやリフレッシュは一切行いません。
この連載では今まで 2 回にわたって、Document Object Model (DOM) を詳しく説明したので、DOM の機能についてはかなり理解できているはずです (第 1 回と第 2 回の DOM についての記事、および Ajax シリーズの前回までの記事のリンクについては、｢参考文献」を参照してください)。今回は、そこで理解したことを実践に移し、ユーザーの操作に応じて変更するユーザー・インターフェースを備えた基本的な Web アプリケーションを開発します。インターフェースの変更を操作するのはもちろん、DOM です。この記事を読み終える頃には、今まで学んできた DOM の手法とコンセプトのほとんどを実践することになります。
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.