今回はYahoo UI LibraryのUIの1つであるシンプルダイアログ機能について説明します。このシンプルダイアログはWebサイトなどで見られるダイアログ機能を、より簡単に使えるようにしたものです。基本的にはアラートダイアログや、確認のダイアログなどに利用します。

シンプルダイアログの実行例

関連ファイルの入手

まず、Yahoo UI Libraryを入手しましょう(*1)。Yahoo UI LibraryのダウンロードはこのURLにある「Download YUI」のボタンをクリックします。

Yahoo UI Library公式サイト

ダウンロードしたファイルはZIP形式になっているので解凍します。解凍するとbuild、docs、examplesフォルダとREADMEファイルがあります。今回必要になるファイルは図に示すハイライトされたファイルです。

解凍図

これらのファイルを適当なフォルダに入れて利用します。今回解説しているサンプルは図のフォルダ構成になっています。

本稿の構成図

*1ここではYahoo UI Libraryの最新版であるバージョン2.4.1で説明します。