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

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

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

jQueryとは、 John Resigによって開発され、 最近非常に注目を集めている Javascriptライブラリです。 JavaScriptとHTMLの対話を劇的に改善し、 Ajaxなどにより複雑化してきているWebアプリケーション構築に必要な処理を非常に簡潔に書くことができます。また ...

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

<div class="layout"> <div class="sidebar">....menu....</div> <!-- cca 200px wide --> <div class="content"> <div class="my-sortable-component-is-here">...</div> </div ...

「今のスクールや教材では、”本当に通用するスキル” が身につかない…」 「え、いまだにjQuery使ってるの？」 もしそうなら、あなたのWebデザイナー人生、そろそろ危険信号かもしれない。 確かに、jQueryはかつて最強のフロントエンドライブラリだった。