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

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

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

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

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...

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

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

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

This module causes Dirty Forms to use jQuery UI as its dialog when the user attempts to leave the page by clicking a hyperlink (but not when interacting with the navigation buttons of the browser).