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

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

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

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

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

Dialog content shrinks when dialog have scrollbars and is resized. This is a similar problem as in #1979 and #2083. It was marked as solved in jQueryUI 1.13.3 but it still happen on some cases (when ...

There are lots of benefits to gathering information by opening a dialog box instead of sending your user to another page. Fortunately, jQuery and ASP.NET MVC make it easy to do (and you don't have to ...

こんにちは、株式会社Pentagonでコーダーをしているあきです。 今回はjQuery UIのSortableを利用してテーブルの行をドラッグ＆ドロップで入れ替える方法を紹介します。 まず、jQuery、jQuery UIのライブラリを読み込む必要があります。 下記は必要なファイルです。