Search options (Page 1 of 2)

moro,

what do I need to update in MifMenu source to make it work with Mootools 1.2.3?

There are problems with firing custom events in Mif.Menu.Item.check() method:

Mif.Menu.Item.js

    check: function(state){
        if(this.type=='checkbox'){
            ...
            this.list.fireEvent('check', [this, this.checked]);
        }
        if(this.type=='radio'){
            ...
            this.list.groups[this.group].each(function(item){
                if(item==this && this.checked){
                    ...
                    item.list.fireEvent('radioCheck', [this, true]);
                    return;
                }else{
                    ...
                    item.list.fireEvent('radioCheck', [this, false]);
                }
            }, this);
        }
        return this;
    },

Both this.list and item.list do not have fireEvent() method defined.

Your help will be greatly appreciated.

Thanks,
Temuri

hey moro

actually, I ran into quite a problem with MifMenu. maybe you could help me out.

I am working on images data grid that is similar to Windows Explorer's Thumbnails view. MifMenu is attached to every tile/square.

I need to be able to dynamically reconfigure menu items depending on number of tiles selected: if more than one tiles are hilighted - I want to have "Delete all selected" item in addition to "Delete" that is always there.

Here's my code:

        var itemMenu = {items:[]};

        itemMenu.items.push({
            name: 'Delete',
            onAction: function()
            {
                this.menu.el.fireEvent('deleteOne')
            }
        });

        if (this.options.selected.length > 1)
        {
            itemMenu.items.push({
                name: 'Delete all selected',
                onAction: function()
                {
                    this.menu.el.fireEvent('deleteAll')
                }
            });
        }

        var menu = new Mif.Menu(
            {
                list: itemMenu
            },
            {
            container: Mif.Menu.Container,
            options:{
                ...
            }
         });

         menu.attachTo(tile);

So menu is initialized with each click on a tile - this is done to reconfigure it and show "Delete all selected" item.

The problem is that menu.attach() method does not replace existing attached menu with the new one. As a result I have TWO overlapping menus.

Questions:

1. Is it possible to detach an existing menu from a tile?
2. Can menu.attach() method override menu that's been attached previously?

My preferred solution would be if you could add a new method that accepts new 'list' definition that contains new/updated items for the existing & attached menu.

This would enable me to write something like:

        var menu = new Mif.Menu(
            {
                list: OriginalMenuItems
            },
            {
            container: Mif.Menu.Container,
            options:{
                ...
            }
         });

         menu.attachTo(tile);

and later on trigger display using:

         menu.display({list: UpdatedMenuItems})

What do you think?

Thanks

I can't give you a test page cuz it depends on your screen resolution and how much of the page height is used.

Let's say your available browser screen height is 550px and document body is 540px - in this case right-clicking causes Firefox to add page scroller and remove it immediately. this shifts the whole page left and then back right, causing the entire page to flicker.

this could probably be solved if you inject:

    this.container.inject(element, how)

somewhere outside view area and then position it back.

Builder page: http://mifjs.net/trunk/menu/Download/Builder/.

Building without "Mif.Menu.Container" and ART gives Javascript error in:

Mif.Menu.List::initialize()

this.parent($merge(this.options, {styles: {position: 'absolute'}}), 'mifmenu');

saying that this.parent is not defined (or smth like that).

ALSO, there's an error in:

        if(ART && Browser.Engine.trident && skin.container==ART.Container){
        };

Saying that ART is undefined.

Thanks

I looked inside your code - there's a lot of stuff going on when you render menu shadow.

Question - would it not be more optimal to bypass all that code using IF and add "noshadow" parameter?

moro,

has number 2 been fixed, by any chance?

Thanks