kennethkufluk / js-mindmap Goto Github PK

This link is dead http://www.pcworld.com/misc/edit/195163/index.htm

I have tried this component with Twitter Bootstrap and it seems to break my Bootstrap menu.

When using the default options (which passes height of -1 for automatic detection) the window's width is not always read correctly. It's very noticeable in Chrome if I open up two tabs then close the browser, when it's re-opened one tab will almost always have all the elements stacked at the very left side of the screen. This also hints at another issue which is the resize event doesn't seem to fire correctly.

I'm working on a MindMap with over two million items, performance was affected due to the quantity of items to be loaded at once.

There is a possibility, and load demand (on-demand) the ul in order to speed at the time of mounting the MindMap?

Is it possible to improve performance of js-mindmap for iOS& I opened demo version of js-mindmap on ipad and it was performing bad. Movement of nodes was lagging.

It is amazing script! Thanks!

More an addition than an "issue" but not quite a fork. If you want to add shadowbox.js to the links, this is what worked for me:

    this.el.click(function(){
        if (obj.activeNode) {
            obj.activeNode.el.removeClass('active');
        }
        if (typeof(opts.onclick)=='function') {
            opts.onclick(thisnode);
        }
        obj.activeNode = thisnode;
        obj.activeNode.el.addClass('active');
    this.el = $('<a href="'+this.href+'" rel="shadowbox">'+this.name+'</a>');

    Shadowbox.open({ 
    player:     'qt', 
    title:      'Welcome', 
    content:    this.href, 
    height:     480, 
    width:      720 
}); 

In the HTML, place the JavaScript that calls the shadowbox at the bottom of your document:

<script type="text/javascript"> 

Shadowbox.init({
    // a darker overlay looks better on this particular site
overlayOpacity: 0.8

});

</script> 

how can i add an image on node?

the anchor must be right click or scroll click to direct the link

More of a question than issue, but is there an easy way to adjust Raphael to have the mindmap fit inside a DIV instead of using the body tag?

A way to change the color of certain nodes would be very useful.

Hi,
you have in line 448 in the js-minmap.js a :
console.log(obj.root);

which breaks the IE.
You could consider a log wrapper like:
paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog

it would be great if by adding class="relation:nodename" it will draw another line to related nodes (even though the related node is really "far away" from current center node) in a different color.

Is there a way to change the default rectangular shape of a node? (e.g. to a circle)

Hi,
I am trying to use the mind map to show user details like activity, access, top 10 documents accessed, hr info , etc. Each of the child nodes will have large information and I need to be able to have that in a larger box also arranging the child most nodes in a horizontal array of boxes.
Also right now its getting really difficult to keep the mindmap bounded to a limited frame like a div, changing the canvas initialization call (Raphael( , , , ) in js-mindMap.js binds the links to the defined x and y parameters but nodes still remain unbounded and roam in a browser window extendable infinitely..
Thanks
Priyank