Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

new menu with pulldowns

  • Loading branch information...
commit 4c433e029e8be43c5dccf16ba52974be46ea02d8 1 parent ffe5fe3
@schofield schofield authored
Showing with 87 additions and 8 deletions.
  1. +46 −8 function-contrib-gollum/_Layout.html
  2. +41 −0 javascript/mouseover.js
View
54 function-contrib-gollum/_Layout.html
@@ -27,22 +27,60 @@
#file-listing tr.selected td:first-child { border-left: 2px
solid orange; }
#file-listing a:hover { text-decoration: underline }
- </style>
+ </style>
+ <script src="{{ wiki.base_path }}javascript/mouseover.js" type="text/javascript"></script>
</head>
<body>
<div id="head">
<div class="fixwidth">
<a href="/"><img id="logo" src="http://www.basho.com/images/basho-portrait.png" alt="Basho Technologies" width="100" height="102" /></a>
<div id="nav">
- <div class="menu">
- <div><a href="http://www.basho.com/">Basho.com &raquo;</a></div>
- </div>
- <div class="menu">
- <div><a href="http://blog.basho.com/">Basho Blog &raquo;</a></div>
+ <div class="menu">
+ <div><a href="http://www.basho.com/Riak.html" onmouseover="mopen('m1')" onmouseout="mclosetime()">Products</a></div>
+ <div class="rest" id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" style="width:11em;">
+ <a href="http://www.basho.com/Riak.html">Overview</a>
+ <a href="http://www.basho.com/enterpriseds.html">Riak EnterpriseDS</a>
+ <a href="http://www.basho.com/startups.html">EnterpriseDS for Startups</a>
+ <a href="http://www.basho.com/riaksearch.html">Riak Search</a>
+ <a href="http://www.basho.com/Scalability.html">For Scalability</a>
+ <a href="http://www.basho.com/fault_tolerance.html">For Fault-Tolerance</a>
+ <a href="http://www.basho.com/high_availability.html">For High Availability</a>
+ <a href="http://www.basho.com/replication.html">For Replication</a>
+ <a href="http://www.basho.com/monitoring.html">For Monitoring</a>
</div>
- <div class="menu">
- <div><a href="http://wiki.basho.com/">Riak Wiki &raquo;</a></div>
</div>
+ <div class="menu">
+ <div><a href="http://www.basho.com/developers.html">Open Source</a></div>
+ </div>
+ <div class="menu">
+ <div><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Support</a></div>
+ <div class="rest" id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" style="width:11em;">
+ <a href="http://wiki.basho.com">Support Wiki</a>
+ <a href="http://help.basho.com">Knowledge Base</a>
+ <a href="http://http://contrib.basho.com">Function Contrib</a>
+ <a href="http://lists.basho.com/mailman/listinfo/riak-users_lists.basho.com">Mailing Lists</a>
+ </div>
+ </div>
+ <div class="menu">
+ <div><a href="http://www.basho.com/aboutus.html" onmouseover="mopen('m3')" onmouseout="mclosetime()">Company</a></div>
+ <div class="rest" id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" style="width:7em;">
+ <a href="http://www.basho.com/aboutus.html">About Us</a>
+ <a href="http://www.basho.com/bios.html">Our Team</a>
+ <a href="http://www.basho.com/board_of_directors.html">Our Board</a>
+ <a href="http://www.basho.com/customers.html">Customers</a>
+ <a href="http://www.basho.com/partners.html">Partners</a>
+ <a href="http://www.basho.com/news.html">News</a>
+ <a href="http://www.basho.com/contact.html">Contact Us</a>
+ </div>
+ </div>
+ <div class="menu">
+ <div><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Blogs</a></div>
+ <div class="rest" id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" style="width:7em;">
+ <a href="http://blog.basho.com/">Basho Blog</a>
+ <a href="http://releases.basho.com">Release Blog</a>
+ </div>
+
+
</div>
</div>
</div>
View
41 javascript/mouseover.js
@@ -0,0 +1,41 @@
+
+var timeout = 500;
+var closetimer = 0;
+var ddmenuitem = 0;
+
+// open hidden layer
+function mopen(id){
+// cancel close timer
+mcancelclosetime();
+
+// close old layer
+if (ddmenuitem)
+ ddmenuitem.style.visibility = 'hidden';
+
+// get new layer and show it
+ddmenuitem = document.getElementById(id);
+ddmenuitem.style.visibility = 'visible';
+}
+
+// close showed layer
+function mclose(){
+if (ddmenuitem)
+ ddmenuitem.style.visibility = 'hidden';
+}
+
+// go close timer
+function mclosetime(){
+closetimer = window.setTimeout(mclose, timeout);
+}
+
+// cancel close timer
+function mcancelclosetime(){
+if (closetimer) {
+ window.clearTimeout(closetimer);
+ closetimer = null;
+}
+}
+
+// close layer when click-out
+document.onclick = mclose;
+
Please sign in to comment.
Something went wrong with that request. Please try again.