Skip to forum content

Mif

— mystic javascript interface

You are not logged in. Please login or register.

Post new reply

Mifjs forum — Mif.Tree, Mif.Menu » Help » dnd with custom elements » Post new reply

Post new reply

Compose and post your new reply

You may use: BBCode Images Smilies

All fields labelled (Required) must be completed before the form is submitted.

Required information for guests



Captcha image. Turn pictures on to see it.
Required information
Optional post settings

Topic review (newest first)

1 Post by moro

commit 76e68ce59 add drag from element to tree demo.

2 Post by almoehi

great - thanks!

3 Post by moro

It's hard to do, there is no built-in methods, I'll try to make a small example of how you can move something in a tree

4 Post by almoehi

mmh ok how can I do this?

My elements could be anywhere on the page, and should not apear inside the tree.
It should work like a shopping cart where you can drop elements into.

5 Post by moro

Mif.Tree.Drag.Element is droppable for dragged tree nodes (name may confuse you, but it's so).

How it will work, how you want convert some div or other dom element into tree node?

6 Post by almoehi

Hi,
i want to be able to drop custom DOM objects into a tree node/folder.

I have elements like this:
<div id="someId" class="folderDropable">some item</div>

experimented with code like this, but can't get it working:

$$('div.folderDropable').each(function(el){
                el.setStyle('color', 'red');
                dnd = new Mif.Tree.Drag.Element({
                    element: el,
                    options: {
                        onStart: function() {
                            console.log('start dragging');
                        }
                    }
                });
            });

any help ?

thanks!

Mifjs forum — Mif.Tree, Mif.Menu » Help » dnd with custom elements » Post new reply