ログインフォームや問い合わせフォームなどをWebページの遷移なしにダイアログボックスで表示する――。近頃、海外のECサイトやポータルサイ トなどでこうしたUI(ユーザーインターフェイス)を見かけます。もともと閲覧しているページの上にダイアログボックスがオーバーレイで表示されるので見栄えがよく、ページを移動せずに済むので、もとのページにすぐに戻れて便利です。 UIに特化したJavaScriptライブラリー「Query UI」を使えば比較的簡単に実装できますので、Webページ上にオーバーレイでダイアログボックスを表示する方法を紹介します。 jQuery UIのダイアログ機能を使うための準備 「jQuery UI」はjQueryのUI関連機能をまとめたライブラリー郡です。タブパネルやドラッグ&ドロップ機能などでこれまでも何度か登場(関連記事1、関連記事2)しましたが、今回はダイアログボックスのコ
![海外で流行中のダイアログ表示をjQuery UIで (1/3)](https://cdn-ak-scissors.b.st-hatena.com/image/square/0805d75adfaba3bb59aa348b6a8a541335127d98/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F07%2F16%2F1571190%2Fl%2F6e584168fcdefe4a.jpg)