We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 10190
    • 187 Posts
    Hello,

    does anyone know a possibility to represent a website as a mindmap?

    At the moment I use WF to built a sitemap, but this is more of a sitelist.

    Maybe someone knows of a php script which can generate an image or a flash out of an unordered list, so I could use the output of WF as input for this script?

    It could look like a mindmap, but I don’t know of a mindmap snippet in modx.

    Any help is greatly appreciated!

    Cheers
    Frisco
      • 10190
      • 187 Posts
      Hi,

      solved it with WF and FreeMindFlashBrowser (http://freemind.sourceforge.net/wiki/index.php/Flash_browser), the result is great, you can see a preview here: http://andre-bischof.com/index.php?id=54 (play with it, it’s a flash with a button bar on top). There are even more possibilities (see http://www.efectokiwano.net/mm/), at the moment my mindmap uses only a few features, I will add more later to the mindmap, like links and maybe color highlighting.

      It’s only about some chunks for wayfinder to output an xml file instead of an unordered list. I use a page "mindmap-generator" which includes the wayfinder call in a blank snippet. This page is used as input for FreeMindFlashBrowser - nobody says it has to be a static xml file wink

      It’s so great what can be done with WF!

      Cheers
      Frisco
        • 16183
        • 1,390 Posts
        Nice,

        It would really be helpful to others if you included your code here....WF templates, etc.

        cheers/k
          • 20413
          • 2,877 Posts
          Agree with @Kongondo! Very nice integration!
            @hawproductions | http://mrhaw.com/

            Infograph: MODX Advanced Install in 7 steps:
            http://forums.modx.com/thread/96954/infograph-modx-advanced-install-in-7-steps

            Recap: Portland, OR (PDX) MODX CMS Meetup, Oct 6, 2015. US Bancorp Tower
            http://mrhaw.com/modx_portland_oregon_pdx_modx_cms_meetup_oct_2015_us_bancorp_tower
            • 25663 MODX Staff
            • 12,272 Posts
            Cool indeed. What should happen when you click the nodes though? (I was expecting to go to those pages.)
              Ryan Thrash, MODX Co-Founder
              Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
              • 4310
              • 2,310 Posts
              I thought that too laugh
              It seems as though that’s not the idea, more a visual representation of the site structure than a click through navigation.
                • 10190
                • 187 Posts
                Dear all, rthrash and bunk58,

                I think linking nodes is possible and I will use features like this (just modify the node-tag (see chunks below) and add LINK="http://domain.com/target"), see here for a mindmap which uses many features: http://www.efectokiwano.net/mm/

                Here’s the way I integrated it, kongondo and mrhaw, please let me know if that’s complete and understandable:

                - Download FreeMindFlashBrowser (http://sourceforge.net/project/showfiles.php?group_id=7118&package_id=7225), unzip/untar it somewhere, I use /assets/site/andre-bischof.com/scripts/freemindflashbrowser/

                - New Document mindmap-generator, template blank, no richtext, call to wayfinder (2.5beta at the moment, but this shouldn’t be an issue):

                [!Wayfinder2.5beta2?&debug=`0`&startId=`0`&level=`0`&textOfLinks=`pagetitle`&parentRowTpl=`mindmap_parentRow`&outerTpl=`mindmap_outer`&innerTpl=`mindmap_inner`&innerRowTpl=`mindmap_innerRow`!]  


                - Make new chunks, in my case:
                mindmap_outer:
                <map version="0.8.0">
                  <node TEXT="Sitemap">
                    [+wf.wrapper+]
                  </node>
                </map>


                mindmap_inner:
                    [+wf.wrapper+]


                mindmap_innerRow:
                <node TEXT="[+wf.linktext+]"/>[+wf.wrapper+]


                mindmap_parentRow:
                <node TEXT="[+wf.linktext+]">[+wf.wrapper+]</node>



                - Duplicated and modified my template (template-mindmap), added:

                (head section:)

                <script type="text/javascript" src="/assets/site/andre-bischof.com/scripts/freemindflashbrowser/flashobject.js"></script>
                <style type="text/css">
                 
                        /* hide from ie on mac \*/
                        html {
                                height: 100%;
                                overflow: hidden;
                        }
                 
                        #flashcontent {
                                height: 400px;
                                background-color: #f2f2f2;
                        }
                        /* end hide */ 
                </style>


                (body section where you want the mindmap to show:)

                <div id="flashcontent">
                                 <p>Flash oder Javascript ist nicht verfügbar.</p>
                                 <p>Aktivieren Sie beides und laden Sie die Seite neu, um die Sitemap als dynamisches Mindmap zu sehen.</p>
                                 <p>Alternativ können Sie auch die <a href="/start/sitemap-standard" title="Standard Sitemap">Standard-Sitemap</a> verwenden.</p>
                        </div>
                 
                        <script type="text/javascript">
                                // <![CDATA[
                                var fo = new FlashObject("assets/site/andre-bischof.com/scripts/freemindflashbrowser/visorFreemind.swf", "visorFreeMind", "100%", "100%", 6, "#9999ff");
                                fo.addParam("quality", "high");
                                fo.addParam("bgcolor", "#ffffff");
                                fo.addVariable("openUrl", "_self");
                
                                 fo.addVariable("initLoadFile", "http://andre-bischof.com/index.php?id=55"); 
                
                                fo.addVariable("startCollapsedToLevel","5");
                                fo.addVariable("mainNodeShape","rectangle");
                                fo.write("flashcontent");
                                // ]]>
                        </script>


                Pay special attention to initLoadFile, here’s the place to reference the formerly new built document mindmap-generator!

                - New document "sitemap", use formerly built template "template-mindmap".

                That should be it, hope I didn’t forget a thing.

                Cheers
                Frisco

                  • 16183
                  • 1,390 Posts
                  Frisco,

                  Great explanation! Many thanks for sharing...bookmarked

                  cheers/k
                    • 10190
                    • 187 Posts
                    Updated a mindmap with more features here: http://andre-bischof.com/index.php?id=58.

                    In future, follow the link "Sitemap" in the future, as it will link to the actual sitemap.

                    Cheers
                    Frisco