ログインフォームや問い合わせフォームなどをWebページの遷移なしにダイアログボックスで表示する――。近頃、海外のECサイトやポータルサイ トなどでこうしたUI（ユーザーインターフェイス）を見かけます。もともと閲覧しているページの上に ...

Droppables DraggableなDOM要素をドロップできるようにする Sortables マウス操作でDOM要素の順番を入れ替えられるようにする Selectables DOM要素をマウスで選択できるようにする Resizables DOM要素の大きさをマウスで変更できるようにする jQuery UI 1. 5bは 「jQuery UI: Widgets ...

UI/Dialogはダイアログを簡単に作成することができるウィジェット。お知らせといった簡単な文章を表示するダイアログから、リサイズをサポート・ボタンラベルを自由に定義することができるダイアログも作成することが可能だ。こちらも他のウィジェット ...

jQuery UIでダイアログボックスを表示するには、ダイアログボックスに表示する内容を div要素で定義します。 div要素には id属性でIDを振り、title属性にダイアログのタイトルバーに表示する内容を指定します。div要素はそのままページ内に表示されてしまわ ...

jQuery UIは、 ドラッグアンドドロップ、 カレンダー、 スライダーなどを始め、 さまざまなユーザインターフェースを簡単に実装することができるようになるjQueryのライブラリです。ユーザインターフェースに関係する機能がたくさん含まれたjQueryの ...

7月3日に掲載した記事「jQueryを使ってるならコレ! ウィジェットライブラリの決定版 - jQuery UI」ではjQuery UIの簡単な概要と、jQuery UI/SliderとjQuery API/CSSを組み合わせたサンプルコードをいくつか紹介した。簡単なコードを追加するだけで、工夫次第でさまざまな ...

Cookie同意バナーの例 一般的にイメージされるものは「モーダルなダイアログ」が多いため「モーダルウィンドウ＝ダイアログ」と混同されがちですが、上記の例のように モードレスなダイアログも存在する ため、この理解は正しくありません。