Mifjs forum — Mif.Tree, Mif.Menu

Mif.Tree KeyNav prevents rename pointer moving on arrow keys

dummy@example.com (moro) — Fri, 10 Sep 2010 15:20:11 +0000

When using the rename function and the keynav function you can't move the text cursor within the rename field using the arrow keys. This prevents a user from being able to modify the field with a keyboard alone. I need to fix this pretty soon so I'll add a fix if I can.

Mif.Tree key events are not fired when tree is embedded into iframe

dummy@example.com (scramatte) — Thu, 12 Aug 2010 09:36:32 +0000

Hello, Mif.Tree key events are not fired when tree is embedded into iframe. Navkey won't work properly and tree.key is empty on drag events. Any ideas of what occurs ? I'm running firefox 3.6.8 on Mac I've attached a minimal test case and you can take look online here [url]http://www.eomplus.net/test[/url]

cookie storage demo does not work

dummy@example.com (moro) — Fri, 30 Jul 2010 11:02:43 +0000

it does not work in ie6 and firework3.6(other brower does not test) attachment is message from firebug

Mif.Menu.KeyNav bug

dummy@example.com (moro) — Sun, 21 Mar 2010 16:11:12 +0000

In Mif.Menu.KeyNav.js, action method throw exception if current var is null ... action: function(current){ if(!current) return; // this line fix the issue ... current.menu.close(current); } ...

error in Chrome with method switch

dummy@example.com (Rolf) — Mon, 25 Jan 2010 11:25:53 +0000

In my case I have a mif tree listing that shows name of groups. I have an ajax function that returns a json object with groups that are linked to some other variable. onSuccess of that ajax request I walk through the returned groups. For each group I walk through the tree and when the group id matches the node id I call "this.switch('checked')" so that my tree's checkboxes are checked. Chrome throws an error "Unexpected token switch", I think because of the (native) switch method. If I copy the switch method in miftree.js and call it "glitch" and call that everything works fine, so I think that method in miftree should be renamed. Maybe to something like check or switchMe or _switch. I'm using a build from the trunk btw, but I think this applies to all "versions".

Cookie storage with 2 trees doesn't works as expected

dummy@example.com (moro) — Sun, 24 Jan 2010 09:22:47 +0000

Hello, I've got 2 trees on the same page. I've setup Cookie storage on both (inside of the initialize method). Both have ID for each nodes. When you reload the page seems that cookie storage is restore only for one of the tree. The last which you have interacted with.

Cookie storage demo (mif.tree) does not work

dummy@example.com (moro) — Sat, 23 Jan 2010 20:57:54 +0000

In the [url=http://mifjs.net/tree/Demos/index.html]demo page[/url], the demo "cookie storage" does not work in Firefox or Chrome (the tree does not load). It would be nice to see a working demo ;)

under IE8 , the content of the tree overflow from the tree div

dummy@example.com (moro) — Thu, 07 Jan 2010 19:49:34 +0000

I viewed the demo using IE8 . when the tree was expanded, the content which should hide overflow from the div of the tree

events fire too early (oncheck etc.)

dummy@example.com (moro) — Fri, 20 Nov 2009 14:34:26 +0000

Maybe this is not a bug, but I think it is one anyway. onCheck (and related onUncheck, switch) events fire at the start of the method 'switch'. If you use these events to do some JS (e.g. run getSelected and update a value somewhere) then you don't get the latest collection of checked checkboxes. Why can't they be at the end of the method? I have done so now in my mif.tree-trunk.js for both the switch and check/uncheck events. Any thoughts?

Quick fix for Mootools 1.2.3 upgrade

dummy@example.com (moro) — Wed, 11 Nov 2009 08:26:57 +0000

Just upgraded to latest mootools and keynav & drag'n'drop stopped working!! So have edited line 64 of the Mif.Tree section: Replace: if (MooTools.version=='1.2.2' && this.options.initialize) this.options.initialize.call(this); With if (MooTools.version>='1.2.2' && this.options.initialize) this.options.initialize.call(this); OR if ((MooTools.version=='1.2.2' || MooTools.version=='1.2.3') && this.options.initialize) this.options.initialize.call(this); The 1st replacement appears to work ok so I guess it's good to use. Hope this helps someone.

OverText problem with Mif.Tree.mootools-patch.js when scroll down t

dummy@example.com (moro) — Wed, 11 Nov 2009 08:17:52 +0000

OverText problem with Mif.Tree.mootools-patch.js after scroll down the page. overtext example without Mif.Tree.mootools-patch.js is [url]http://jsbin.com/alili[/url] overtext example with Mif.Tree.mootools-patch.js is [url]http://jsbin.com/ojuka3[/url] the reason is that mif tree override Element.getPosition method. source code is following: [code]

position stub















position stub

position stub















position stub

position stub















position stub

[/code]

Error in Adding Node to a nonexpanded item

dummy@example.com (moro) — Mon, 10 Aug 2009 06:56:50 +0000

Hi There is an error when we add a node to a nonexpanded node (before first its expansion) . Thanks

Why tree.add select automatically the inserted node...

dummy@example.com (moro) — Thu, 30 Jul 2009 03:51:24 +0000

Hello, I've play with tree.add method. My issue is that tree.add select automatically the inserted node... I think that is not very practicle. In my case I've a button to add "node" each time I click node is created into the last created instead as a child of the initial selected node.

JSON weight or levels number limitation ?

dummy@example.com (moro) — Wed, 15 Jul 2009 05:58:16 +0000

Hi, i'm facing with a problem on loading JSON to an external source. Depending of the number of items, the tree isn't displayed but when it isn't displayed, no error is returned. Is there a known bug or a limitation ? thanks Two examples : 1- Example of data returned (and tree [u]is not displayed[/u]) [code] [ {"property" : {"name" : "informatique"} , "type" : "folder" , "children" : [ {"property" : {"name" : "supprime"} , "type" : "folder" , "children" : [ {"property" : {"name" : "accessoires"} , "type" : "folder" , "children" : [ {"property" : {"name" : "abonnement-internet"} , "type" : "folder" } ] } ] } , {"property" : {"name" : "portable"} , "type" : "folder" , "children" : [ {"property" : {"name" : "accessoires"} , "type" : "folder" , "children" : [ {"property" : {"name" : "securite"} , "type" : "folder" } , {"property" : {"name" : "confort"} , "type" : "folder" } , {"property" : {"name" : "pave-numerique"} , "type" : "folder" } , {"property" : {"name" : "alimentation"} , "type" : "folder" } ] } , {"property" : {"name" : "pour-bien-choisir"} , "type" : "folder" , "children" : [ {"property" : {"name" : "toutes-les-sacoches"} , "type" : "folder" } , {"property" : {"name" : "tous-les-portables"} , "type" : "folder" } ] } , {"property" : {"name" : "p.d.a."} , "type" : "folder" } , {"property" : {"name" : "portable-17-"} , "type" : "folder" } ] } , {"property" : {"name" : "accessoire"} , "type" : "folder" , "children" : [ {"property" : {"name" : "joystick-padlle"} , "type" : "folder" , "children" : [ {"property" : {"name" : "accessoires"} , "type" : "folder" } , {"property" : {"name" : "tapis-de-souris"} , "type" : "folder" } , {"property" : {"name" : "souris-gamer"} , "type" : "folder" } ] } , {"property" : {"name" : "casque-microphone"} , "type" : "folder" , "children" : [ {"property" : {"name" : "casque-arceau"} , "type" : "folder" } , {"property" : {"name" : "micro"} , "type" : "folder" } , {"property" : {"name" : "ecouteur"} , "type" : "folder" } ] } , {"property" : {"name" : "souris-clavier"} , "type" : "folder" , "children" : [ {"property" : {"name" : "filaire"} , "type" : "folder" , "children" : [ {"property" : {"name" : "clavier"} , "type" : "folder" } , {"property" : {"name" : "souris"} , "type" : "folder" } ] } , {"property" : {"name" : "sans-fil"} , "type" : "folder" , "children" : [ {"property" : {"name" : "ensemble"} , "type" : "folder" } , {"property" : {"name" : "souris"} , "type" : "folder" } , {"property" : {"name" : "clavier"} , "type" : "folder" } ] } , {"property" : {"name" : "zone-gamer"} , "type" : "folder" , "children" : [ {"property" : {"name" : "paddle"} , "type" : "folder" } , {"property" : {"name" : "joystick"} , "type" : "folder" } ] } ] } , {"property" : {"name" : "connectique"} , "type" : "folder" , "children" : [ {"property" : {"name" : "hub"} , "type" : "folder" } , {"property" : {"name" : "port-usb"} , "type" : "folder" } , {"property" : {"name" : "port-reseau"} , "type" : "folder" } , {"property" : {"name" : "audio-video"} , "type" : "folder" } , {"property" : {"name" : "autres"} , "type" : "folder" } , {"property" : {"name" : "port-firewire"} , "type" : "folder" } , {"property" : {"name" : "alimentation"} , "type" : "folder" } ] } , {"property" : {"name" : "enceinte"} , "type" : "folder" , "children" : [ {"property" : {"name" : "enceintes-2.1"} , "type" : "folder" } , {"property" : {"name" : "enceintes-2.0"} , "type" : "folder" } , {"property" : {"name" : "enceintes-5.1"} , "type" : "folder" } ] } , {"property" : {"name" : "onduleur-parafoudre"} , "type" : "folder" , "children" : [ {"property" : {"name" : "parafoudre"} , "type" : "folder" } , {"property" : {"name" : "onduleur"} , "type" : "folder" } ] } , {"property" : {"name" : "webcam"} , "type" : "folder" , "children" : [ {"property" : {"name" : "classic"} , "type" : "folder" } , {"property" : {"name" : "pro"} , "type" : "folder" } , {"property" : {"name" : "miniature"} , "type" : "folder" } ] } , {"property" : {"name" : "bagagerie"} , "type" : "folder" , "children" : [ {"property" : {"name" : "rangement-de-cd"} , "type" : "folder" } , {"property" : {"name" : "sac-a-dos"} , "type" : "folder" } , {"property" : {"name" : "portable-15-et-17-"} , "type" : "folder" } , {"property" : {"name" : "portable-12-"} , "type" : "folder" } , {"property" : {"name" : "housse-de-protection"} , "type" : "folder" } ] } , {"property" : {"name" : "accessoires-pda-44"} , "type" : "folder" } ] } , {"property" : {"name" : "toutes-les-marques"} , "type" : "folder" , "children" : [ {"property" : {"name" : "netgear"} , "type" : "folder" } , {"property" : {"name" : "dlink"} , "type" : "folder" } , {"property" : {"name" : "devolo"} , "type" : "folder" } , {"property" : {"name" : "microsoft"} , "type" : "folder" } , {"property" : {"name" : "logitech"} , "type" : "folder" } , {"property" : {"name" : "lacie"} , "type" : "folder" } , {"property" : {"name" : "storex"} , "type" : "folder" } , {"property" : {"name" : "hp"} , "type" : "folder" } , {"property" : {"name" : "iomega"} , "type" : "folder" } , {"property" : {"name" : "sandisk"} , "type" : "folder" } , {"property" : {"name" : "epson"} , "type" : "folder" } , {"property" : {"name" : "philips"} , "type" : "folder" } , {"property" : {"name" : "canon"} , "type" : "folder" } , {"property" : {"name" : "western-digital"} , "type" : "folder" } , {"property" : {"name" : "dell"} , "type" : "folder" } , {"property" : {"name" : "acer"} , "type" : "folder" } , {"property" : {"name" : "samsung"} , "type" : "folder" } , {"property" : {"name" : "apple"} , "type" : "folder" } , {"property" : {"name" : "asus"} , "type" : "folder" } , {"property" : {"name" : "compaq"} , "type" : "folder" } , {"property" : {"name" : "packard-bell"} , "type" : "folder" } , {"property" : {"name" : "sony"} , "type" : "folder" } , {"property" : {"name" : "msi"} , "type" : "folder" } , {"property" : {"name" : "toshiba"} , "type" : "folder" } ] } , {"property" : {"name" : "consommable"} , "type" : "folder" , "children" : [ {"property" : {"name" : "entretien-nettoyage"} , "type" : "folder" } , {"property" : {"name" : "support-vierge"} , "type" : "folder" , "children" : [ , {"property" : {"name" : "boitier-vide"} , "type" : "folder" } ] } ] } ] } ] [/code] 2- Example of data returned and [b]tree is displayed[/b] [code][ {"property" : {"name" : "Informatique"} , "type" : "folder" , "children" : [ {"property" : {"name" : "SUPPRIME"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Accessoires"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Abonnement Internet"} , "type" : "folder" } ] } ] } , {"property" : {"name" : "Portable"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Accessoires"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Sécurité"} , "type" : "folder" } , {"property" : {"name" : "Confort"} , "type" : "folder" } , {"property" : {"name" : "Pave numérique"} , "type" : "folder" } , {"property" : {"name" : "Alimentation"} , "type" : "folder" } ] } , {"property" : {"name" : "Pour bien choisir"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Toutes les sacoches"} , "type" : "folder" } , {"property" : {"name" : "Tous les portables"} , "type" : "folder" } ] } , {"property" : {"name" : "P.D.A."} , "type" : "folder" } , {"property" : {"name" : "Portable 17''"} , "type" : "folder" } ] } , {"property" : {"name" : "Accessoire"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Joystick & Padlle"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Accessoires"} , "type" : "folder" } , {"property" : {"name" : "Tapis de souris"} , "type" : "folder" } , {"property" : {"name" : "Souris gamer"} , "type" : "folder" } ] } , {"property" : {"name" : "Casque & microphone"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Casque arceau"} , "type" : "folder" } , {"property" : {"name" : "Micro"} , "type" : "folder" } , {"property" : {"name" : "Ecouteur"} , "type" : "folder" } ] } , {"property" : {"name" : "Souris & clavier"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Filaire"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Clavier"} , "type" : "folder" } , {"property" : {"name" : "Souris"} , "type" : "folder" } ] } , {"property" : {"name" : "Sans fil"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Ensemble"} , "type" : "folder" } , {"property" : {"name" : "Souris"} , "type" : "folder" } , {"property" : {"name" : "Clavier"} , "type" : "folder" } ] } , {"property" : {"name" : "Zone Gamer"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Paddle"} , "type" : "folder" } , {"property" : {"name" : "Joystick"} , "type" : "folder" } ] } ] } , {"property" : {"name" : "Connectique"} , "type" : "folder" , "children" : [ {"property" : {"name" : "HUB"} , "type" : "folder" } , {"property" : {"name" : "Port USB"} , "type" : "folder" } , {"property" : {"name" : "Port réseau"} , "type" : "folder" } , {"property" : {"name" : "Audio-Vidéo"} , "type" : "folder" } , {"property" : {"name" : "Autres"} , "type" : "folder" } , {"property" : {"name" : "Port Firewire"} , "type" : "folder" } , {"property" : {"name" : "Alimentation"} , "type" : "folder" } ] } , {"property" : {"name" : "Enceinte"} , "type" : "folder" , "children" : [ {"property" : {"name" : "enceintes 2.1"} , "type" : "folder" } , {"property" : {"name" : "enceintes 2.0"} , "type" : "folder" } , {"property" : {"name" : "enceintes 5.1"} , "type" : "folder" } ] } , {"property" : {"name" : "Onduleur & parafoudre"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Parafoudre"} , "type" : "folder" } , {"property" : {"name" : "Onduleur"} , "type" : "folder" } ] } , {"property" : {"name" : "Webcam"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Classic"} , "type" : "folder" } , {"property" : {"name" : "Pro"} , "type" : "folder" } , {"property" : {"name" : "Miniature"} , "type" : "folder" } ] } , {"property" : {"name" : "Bagagerie"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Rangement de CD"} , "type" : "folder" } , {"property" : {"name" : "Sac à dos"} , "type" : "folder" } , {"property" : {"name" : "Portable 15'' et 17''"} , "type" : "folder" } , {"property" : {"name" : "Portable 12''"} , "type" : "folder" } , {"property" : {"name" : "Housse de protection"} , "type" : "folder" } ] } , {"property" : {"name" : "Accessoires PDA-44"} , "type" : "folder" } ] } , {"property" : {"name" : "Toutes les marques"} , "type" : "folder" , "children" : [ {"property" : {"name" : "NETGEAR"} , "type" : "folder" } , {"property" : {"name" : "DLINK"} , "type" : "folder" } , {"property" : {"name" : "DEVOLO"} , "type" : "folder" } , {"property" : {"name" : "MICROSOFT"} , "type" : "folder" } , {"property" : {"name" : "LOGITECH"} , "type" : "folder" } , {"property" : {"name" : "LACIE"} , "type" : "folder" } , {"property" : {"name" : "STOREX"} , "type" : "folder" } , {"property" : {"name" : "HP"} , "type" : "folder" } , {"property" : {"name" : "IOMEGA"} , "type" : "folder" } , {"property" : {"name" : "SANDISK"} , "type" : "folder" } , {"property" : {"name" : "EPSON"} , "type" : "folder" } , {"property" : {"name" : "PHILIPS"} , "type" : "folder" } , {"property" : {"name" : "CANON"} , "type" : "folder" } , {"property" : {"name" : "WESTERN DIGITAL"} , "type" : "folder" } , {"property" : {"name" : "DELL"} , "type" : "folder" } , {"property" : {"name" : "ACER"} , "type" : "folder" } , {"property" : {"name" : "SAMSUNG"} , "type" : "folder" } , {"property" : {"name" : "APPLE"} , "type" : "folder" } , {"property" : {"name" : "ASUS"} , "type" : "folder" } , {"property" : {"name" : "COMPAQ"} , "type" : "folder" } , {"property" : {"name" : "PACKARD BELL"} , "type" : "folder" } , {"property" : {"name" : "SONY"} , "type" : "folder" } , {"property" : {"name" : "MSI"} , "type" : "folder" } , {"property" : {"name" : "TOSHIBA"} , "type" : "folder" } ] } , {"property" : {"name" : "Consommable"} , "type" : "folder" , "children" : [ {"property" : {"name" : "Entretien & nettoyage"} , "type" : "folder" } ] } ] } ][/code]

None of the tree demos work in Opera

dummy@example.com (gimmick66) — Thu, 18 Jun 2009 04:14:24 +0000

Any chance of fixing this?