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

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

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

翔泳社では、「独習」「徹底入門」「スラスラわかる」「絵で見てわかる」「一年生」などの人気シリーズをはじめ、言語や開発手法、最新技術を解説した書籍を多数手がけています。プロジェクトマネジメントやチームビルティングといった管理職向けの ...

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

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

ページ内のアンカーをプレビュー表示させたいことがあるかと思います。 そんな時のコードです。jquery、html、cssを使います。 以下のような感じでプレビュー表示されます。 以下、コードです。 jquery-uiのdailogを使用しています。 ダイアログ内のリンクが ...

日付の入力をカレンダーから直感的に - UI/Datepicker UI/Datepickerは日付の入力を簡易化するカレンダーを提供するウィジェット。カレンダーを生成し、日付を選択するとフォームに日付が書き込まれるユーザインタフェースだ。$('#date').datepicker()というように ...