DMC/scipro
7
0
Fork 0
Code Issues41 Pull Requests8 Actions Projects1 Releases Wiki Activity

färdig meny

Browse Source 
git-svn-id: svn://svn.dsv.su.se/scipro/scipro/trunk@465 73ecded7-942e-4092-bab0-0e58ef0ee984
This commit is contained in:
patr-str 2011-03-24 10:32:48 +00:00
parent 53d5b70a2f
commit 4221d11cc2
1 changed files with 80 additions and 7 deletions

87
src/main/java/se/su/dsv/scipro/basepanels/MainMenuPanel.html

@ -1,18 +1,91 @@
<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.4-strict.dtd">
<body>
<wicket:head>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("img.nav-arrow").click(function() {
var parent = $(this).parents(".parent");
if (parent != null)
showMenu(parent);
})
.mouseover(function() {
$(this).attr("src", "images/site_nav_arrow_hover.png");
})
.mouseout(function() {
$(this).attr("src", "images/site_nav_arrow.png");
});
$(document).click(function(e) {
if ($(e.target).parents("#nav-list").length == 0) {
closeMenus(null);
}
});
closeMenus = function(node) {
$("#nav-list .parent").children(".over").each(function() {
if (this != node || node == null) {
$(this).removeClass("over");
}
})
}
showMenu = function(node) {
var thisMenu = $(node);
var isActive = $(node).find("div.submenu").hasClass("over");
closeMenus(thisMenu);
if (!isActive) {
thisMenu.find("div.submenu").toggleClass("over");
}
}
});
</script>
</wicket:head>
<wicket:panel>
<nav id="main-nav">
<div class="span-18 last">
<div class="prepend-12 span-6 last" id="user-links" wicket:id="userLinksPanel"></div>
<div class="span-18 last">
<ul>
<li><a href="#" wicket:id="homePage">Home</a></li>
<li><a href="#">Messages</a></li>
<li class="submenu"><a href="#" wicket:id="projectTestPage">Project</a></li>
<li class="submenu"><a href="#">Supervisor</a></li>
<li class="submenu"><a href="#">Resources</a></li>
<li class="submenu"><a href="#">Admin</a></li>
<ul id="nav-list">
<li class="nav-list-item"><span class="menu-item"><a href="#" wicket:id="homePage">Home</a></span></li>
<li class="nav-list-item"><span class="menu-item"><a href="#">Messages</a></span></li>
<li class="parent nav-list-item" id="project-menu-item"><span class="menu-item"><a href="#">Project</a><img class="nav-arrow" src="images/site_nav_arrow.png" /></span>
<div id="project-sub" class="submenu rounded-bl rounded-br">
<ul>
<li><a href="#" wicket:id="projectTestPage">Project Home</a></li>
<li><a href="#">Message Board</a></li>
<li><a href="#">Scheduling</a></li>
<li><a href="#">Bookmarks</a></li>
</ul>
</div>
</li>
<li class="parent nav-list-item" id="supervisor-menu-item"><span class="menu-item"><a href="#">Supervisor</a><img src="images/site_nav_arrow.png" /></span>
<div id="supervisor-sub" class="submenu rounded-bl rounded-br">
<ul>
<li><a href="#">Project Home</a></li>
<li><a href="#">Message Board</a></li>
<li><a href="#">Scheduling</a></li>
<li><a href="#">Bookmarks</a></li>
</ul>
</div>
</li>
<li class="parent nav-list-item" id="resources-menu-item"><span class="menu-item"><a href="#">Resources</a><img src="images/site_nav_arrow.png" /></span>
<div id="resources-sub" class="submenu rounded-bl rounded-br">
<ul>
<li><a href="#">Files</a></li>
<li><a href="#">Books</a></li>
<li><a href="#">Information</a></li>
</ul>
</div>
</li>
<li class="parent nav-list-item" id="admin-menu-item"><span class="menu-item"><a href="#">Admin</a><img src="images/site_nav_arrow.png" /></span>
<div id="admin-sub" class="submenu rounded-bl rounded-br">
<ul>
<li><a href="#">Admin Home</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>