2008-10-24から1日間の記事一覧

DD: Reordering a List(その2)

さきほどの例(DD: Reordering a List)を見た際、冗長なプログラムと思ったが、以下の画面は、前の例で作成したDDList( YAHOO.util.DDProxyを継承して作成)をまったく変えずに、タグとStyleのみ変更して作成したもの。 List1の中にList2が入れ子になってい…

DD: Reordering a List

YUIのDrag and Dropリストを並べ替えるサンプル(サンプルページはこちら)。ソースコードを見ると、いきなり(前のサンプルに比べて)えげつないコードが書かれていることがわかる。 Drag and Dropは、YAHOO.util.DDProxyを継承して作成されたオブジェクト…

DD: Using a Proxy Element

Proxy Elementとは、ドラッグされるときに元の要素の代わりとして生成されるオブジェクトのことである。 これを利用することで、元の要素(元のデザイン)を崩さずにDrag and Dropが可能になる。 Proxyは、 dd = new YAHOO.util.DDProxy("element_id"); とい…

DD: Dragged Element on Top

以前のログに書いたが、ドラッグされる要素のZ軸は、DDのインスタンス化の順で決定する。この例は、YAHOO.util.DDを継承し、startDrag、endDragメソッドをoverrideして、DragされたエレメントのZ軸が一番上にくるように改造している。 YAHOO.util.DDのAPIド…