LotosLabo

プログラミング技術とか気になった情報を載せていきます

jQuery UI

jQuery UIについて3

折りたたみ式のセッションを使う Accordionまずこんな感じの要素で囲んだのを作ります。例: <body> <div id="accordion"> <h1><a href="">日本</a></h1> <div>こんにちは</div> <h1><a href="">アメリカ</a></h1> <div>Hello</div> <h1><a href="">フランス</a></h1> <div>Bonjour</div> <h1><a href="">ドイツ</a></h1> <div>Guten tag</div> </div>例: <script> $(function(){ $('#…</body>

jQuery UIについて2

ドロップを使う 基本的にある要素を他の要素にドラッグアンドドロップした時に発生させます。 droppable今回はボックスを二つほど用意します。例: <body> <div id="box" style="width:100px; height:100px; background:green;"> <div id="t_box" style="width:100px; height:100px; background:blue;"> </body> 例: $(function() { $('#box').draggable(); $('#t_box').droppable({ accept:'…

jQuery UIについて1

jQueryUIとは jQueryを拡張したもので、主にUI(ユーザーインターフェース)に特化したものです。 開発環境 jQueryUIをやっていくに当たって以下の二つが必要になります。・jQueryプラグイン ・jQueryUIプラグイン ・jQueryUIテーマまずjQueryには前記事のURL…