Skip to content

Commit

Permalink
- Root node is now treated as any other node. Requires definition of …
Browse files Browse the repository at this point in the history 
…root node as <li>.

- <ul id=js-mindmap> is now the container for the mindmap. The mindmap is initialized from <div id=js-mindmap-src>
- Improved math calculations, now no trig, should be faster.
- Added "action area" which currently has just one function, namely the addition of new nodes.

Signed-off-by: Kevin Kells <kevinkells@gmail.com>
  • Loading branch information
@kevinkells
kevinkells committed Dec 6, 2010
1 parent 3f39b4c commit 418f8e3
Show file tree
Hide file tree
Showing 3 changed files with 162 additions and 161 deletions.
181 changes: 92 additions & 89 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="js-mindmap.css" />
<script type="text/javascript" src="script/lib/excanvas.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
<script type="text/javascript" src="script/js-mindmap.js"></script>
<script type="text/javascript">
$(document).ready(function() {
Expand Down Expand Up @@ -38,93 +38,96 @@
<h1>js-mindmap</h1>
<p>This is a demo of js-mindmap. Sitemap items taken from www.digitas.com as an example.</p>

<div id="js-mindmap">
<a href="http://www.digitas.com/">Home</a>
<ul id="navigation">

<li>
<a href="http://www.digitas.com/approach">OUR APPROACH</a>
</li>

<li>
<a href="http://www.digitas.com/clientwork">CLIENTS &amp; WORK</a>
</li>

<li><a href="http://www.digitas.com/leadership" rel="mindmap-locations">LEADERSHIP</a></li>


<li><a id="mindmap-locations" name="locations">LOCATIONS &amp; CONTACTS</a>
<ul>
<li>
<a href="http://www.digitas.com/australia/">AUSTRALIA</a>
</li>
<li>
<a href="http://www.digitas.com/brazil/">BRAZIL</a>
</li>
<li>
<a href="http://www.digitas.fr/" class="popup">FRANCE</a>
</li>
<li>
<a href="http://www.digitas.com.cn/" class="popup">GREATER CHINA</a>
</li>
<li>
<a href="http://www.digitas.in/" class="popup">INDIA</a>
</li>
<li>
<a href="http://www.digitas.co.jp/" class="popup">JAPAN</a>
</li>
<li>
<a href="http://www.digitas.com/sweden/" >SWEDEN</a>
</li>
<li>
<a href="/uk/">UNITED KINGDOM</a>
</li>
<li>
<a href="http://www.digitas.com/usa/">USA</a>
</li>
</ul>
</li>


<li><a href="http://www.digitas.com/careers">CAREERS</a></li>

<li>
<a name="media">MEDIA CENTER</a>
<ul

>
<li

><a href="http://www.digitas.com/news">NEWS ROOM</a></li>
<li

><a href="http://www.digitas.com/press">PRESS PACKET</a></li>
</ul>
</li>


<li>
<a name="brands">BRANDS &amp; COMPANIES</a>
<ul>
<li><a href="http://www.digitashealth.com/" class="popup">DIGITAS HEALTH</a></li>
<li><a href="http://www.prodigiousworldwide.com/" class="popup">PRODIGIOUS</a></li>
<li><a href="http://www.digitas.in/ " class="popup">SOLUTIONS | DIGITAS</a></li>
</ul>
</li>

<li>
<a href="http://www.vivaki.com/" class="popup">VIVAKI</a>
</li>

<li>
<a href="http://www.publicisgroupe.com/site/" class="popup">PUBLICIS GROUPE</a>
</li>

<li>
<a href="http://www.digitas.com/clientlogin">CLIENT LOGIN</a>
</li>

</ul>
<ul id="js-mindmap"></ul>
<div id="js-mindmap-src">
<li>
<a href="http://www.digitas.com/">Home</a>
<ul id="navigation">

<li>
<a href="http://www.digitas.com/approach">OUR APPROACH</a>
</li>

<li>
<a href="http://www.digitas.com/clientwork">CLIENTS &amp; WORK</a>
</li>

<li rel="mindmap-locations"><a href="http://www.digitas.com/leadership" >LEADERSHIP</a></li>


<li id="mindmap-locations"><a name="locations">LOCATIONS &amp; CONTACTS</a>
<ul>
<li>
<a href="http://www.digitas.com/australia/">AUSTRALIA</a>
</li>
<li>
<a href="http://www.digitas.com/brazil/">BRAZIL</a>
</li>
<li>
<a href="http://www.digitas.fr/" class="popup">FRANCE</a>
</li>
<li>
<a href="http://www.digitas.com.cn/" class="popup">GREATER CHINA</a>
</li>
<li>
<a href="http://www.digitas.in/" class="popup">INDIA</a>
</li>
<li>
<a href="http://www.digitas.co.jp/" class="popup">JAPAN</a>
</li>
<li>
<a href="http://www.digitas.com/sweden/" >SWEDEN</a>
</li>
<li>
<a href="/uk/">UNITED KINGDOM</a>
</li>
<li>
<a href="http://www.digitas.com/usa/">USA</a>
</li>
</ul>
</li>


<li><a href="http://www.digitas.com/careers">CAREERS</a></li>

<li>
<a name="media">MEDIA CENTER</a>
<ul

>
<li

><a href="http://www.digitas.com/news">NEWS ROOM</a></li>
<li

><a href="http://www.digitas.com/press">PRESS PACKET</a></li>
</ul>
</li>


<li>
<a name="brands">BRANDS &amp; COMPANIES</a>
<ul>
<li><a href="http://www.digitashealth.com/" class="popup">DIGITAS HEALTH</a></li>
<li><a href="http://www.prodigiousworldwide.com/" class="popup">PRODIGIOUS</a></li>
<li><a href="http://www.digitas.in/ " class="popup">SOLUTIONS | DIGITAS</a></li>
</ul>
</li>

<li>
<a href="http://www.vivaki.com/" class="popup">VIVAKI</a>
</li>

<li>
<a href="http://www.publicisgroupe.com/site/" class="popup">PUBLICIS GROUPE</a>
</li>

<li>
<a href="http://www.digitas.com/clientlogin">CLIENT LOGIN</a>
</li>

</ul>
</li>
</div>
<div id="js-mindmap2">
<a href="http://www.digitas.com/">Home</a>
Expand Down
7 changes: 7 additions & 0 deletions js-mindmap.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,3 +47,10 @@
.ui-draggable {
position:absolute;
}
.js-mindmap-active .node .node-action {
position:absolute;
right:-2em;
bottom:-1px;
text-align:center;
vertical-align:super;
}
Loading

0 comments on commit 418f8e3

Please sign in to comment.